feat(appearance): accent color, corners, wide layout and game art background

src/pages/PublicProfilePage.jsx

@@ -9,6 +9,7 @@ import GameCover from '../components/GameCover.jsx';
 import GameStatusBadge, {STATUS_META} from '../components/GameStatusBadge.jsx';
 import {GAME_STATUSES} from '../utils/backlog.js';
 import {formatPlaytime} from '../utils/games.js';
+import PageContainer from '../components/PageContainer.jsx';
 
 /**
  * Public, no login. Auth returns a short-lived ticket for a public profile; Core returns the data for it.
@@ -64,22 +65,22 @@ export default function PublicProfilePage() {
 
     if (error) {
         return (
-            <div className="w-full max-w-5xl mx-auto p-4 md:p-8">
+            <PageContainer className="p-4 md:p-8">
                 <Card className="items-center py-16 text-center text-muted-foreground">
                     <UserRoundX className="size-10"/>
                     <p className="max-w-sm text-sm">{error}</p>
                     <Link to="/" className="text-sm font-medium text-primary hover:underline">{t('PROFILE.TO_START')}</Link>
                 </Card>
-            </div>
+            </PageContainer>
         );
     }
 
     if (!library) {
         return (
-            <div className="w-full max-w-5xl mx-auto p-4 md:p-8 space-y-6">
+            <PageContainer className="p-4 md:p-8 space-y-6">
                 <Skeleton className="h-36 rounded-xl"/>
                 <Skeleton className="h-64 rounded-xl"/>
-            </div>
+            </PageContainer>
         );
     }
 
@@ -94,7 +95,7 @@ export default function PublicProfilePage() {
         : null;
 
     return (
-        <div className="w-full max-w-5xl mx-auto p-4 md:p-8 space-y-6">
+        <PageContainer className="p-4 md:p-8 space-y-6">
             <Card className="relative overflow-hidden p-6 md:p-8 gap-6">
                 <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-primary/15 via-transparent to-transparent"/>
                 <div className="relative">
@@ -174,6 +175,6 @@ export default function PublicProfilePage() {
                     </ul>
                 </Card>
             )}
-        </div>
+        </PageContainer>
     );
 }