feat: Nova homepage, profile redesign, and legacy view system overhaul

Homepage
- Add HomepageService with hero, trending (award-weighted), fresh uploads,
  popular tags, creator spotlight (weekly uploads ranking), and news sections
- Add React components: HomePage, HomeHero, HomeTrending, HomeFresh,
  HomeTags, HomeCreators, HomeNews (lazy-loaded below the fold)
- Wire home.blade.php with JSON props, SEO meta, JSON-LD, and hero preload
- Add HomePage.jsx to vite.config.js inputs

Profile page
- Hero banner with random user artwork as background + dark gradient overlay
- Favourites section uses real Artwork models + <x-artwork-card> for CDN URLs
- Newest artworks grid: gallery-grid → grid grid-cols-2 gap-4

Edit Profile page (user.blade.php)
- Add hero banner (featured wallpaper/photography via artwork_features,
  content_type_id IN [2,3]) sourced in UserController
- Remove bg-deep from outer wrapper; card backgrounds: bg-panel → bg-nova-800
- Remove stray AI-generated tag fragment from template

Author profile links
- Fix all /@username routes in: HomepageService, MonthlyCommentatorsController,
  LatestCommentsController, MyBuddiesController and corresponding blade views

Legacy view namespace
- Register View::addNamespace('legacy', resource_path('views/_legacy'))
  in AppServiceProvider::boot()
- Convert all view('legacy.x') and @include('legacy.x') calls to legacy::x
- Migrate legacy views to resources/views/_legacy/ with namespace support

resources/views/web/comments/latest.blade.php

@@ -18,7 +18,7 @@
             @foreach ($comments as $comment)
                 @php
                     $artUrl    = '/art/' . (int)($comment->id ?? 0) . '/' . ($comment->artwork_slug ?? 'artwork');
-                    $userUrl   = '/profile/' . (int)($comment->commenter_id ?? 0) . '/' . rawurlencode($comment->uname ?? 'user');
+                    $userUrl   = ($comment->commenter_username ?? null) ? '/@' . $comment->commenter_username : '/profile/' . (int)($comment->commenter_id ?? 0);
                     $avatarUrl = \App\Support\AvatarUrl::forUser((int)($comment->commenter_id ?? 0), $comment->icon ?? null, 40);
                     $ago       = \Carbon\Carbon::parse($comment->datetime ?? now())->diffForHumans();
                     $snippet   = \Illuminate\Support\Str::limit(strip_tags($comment->comment_description ?? ''), 160);

resources/views/web/comments/monthly.blade.php

@@ -38,7 +38,7 @@
                 @foreach ($rows as $i => $row)
                     @php
                         $rank       = $offset + $i + 1;
-                        $profileUrl = '/profile/' . (int)($row->user_id ?? 0) . '/' . rawurlencode($row->uname ?? 'user');
+                        $profileUrl = ($row->user_username ?? null) ? '/@' . $row->user_username : '/profile/' . (int)($row->user_id ?? 0);
                         $avatarUrl  = \App\Support\AvatarUrl::forUser((int)($row->user_id ?? 0), null, 40);
                     @endphp
                     <div class="grid grid-cols-[3rem_1fr_auto] items-center gap-4 px-5 py-4

resources/views/web/home.blade.php

@@ -1,17 +1,70 @@
 @extends('layouts.nova')
 
-@php
-    use Illuminate\Support\Str;
-    use Carbon\Carbon;
-    use App\Services\LegacyService;
-@endphp
+@push('head')
+    <title>{{ $meta['title'] }}</title>
+    <meta name="description" content="{{ $meta['description'] }}">
+    <meta name="keywords"    content="{{ $meta['keywords'] }}">
+    <link rel="canonical"    href="{{ $meta['canonical'] }}">
+
+    {{-- Open Graph --}}
+    <meta property="og:type"        content="website">
+    <meta property="og:site_name"   content="Skinbase">
+    <meta property="og:title"       content="{{ $meta['title'] }}">
+    <meta property="og:description" content="{{ $meta['description'] }}">
+    <meta property="og:url"         content="{{ $meta['canonical'] }}">
+    @if(!empty($meta['og_image']))
+        <meta property="og:image" content="{{ $meta['og_image'] }}">
+        <meta property="og:image:type" content="image/webp">
+    @endif
+
+    {{-- Twitter --}}
+    <meta name="twitter:card"        content="summary_large_image">
+    <meta name="twitter:title"       content="{{ $meta['title'] }}">
+    <meta name="twitter:description" content="{{ $meta['description'] }}">
+    @if(!empty($meta['og_image']))
+        <meta name="twitter:image" content="{{ $meta['og_image'] }}">
+    @endif
+
+    {{-- JSON-LD WebSite schema --}}
+    @php
+        $websiteSchema = [
+            '@context' => 'https://schema.org',
+            '@type'    => 'WebSite',
+            'name'     => 'Skinbase',
+            'url'      => url('/'),
+            'description' => $meta['description'],
+            'potentialAction' => [
+                '@type'       => 'SearchAction',
+                'target'      => url('/search') . '?q={search_term_string}',
+                'query-input' => 'required name=search_term_string',
+            ],
+        ];
+    @endphp
+    <script type="application/ld+json">{!! json_encode($websiteSchema, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!}</script>
+
+    {{-- Preload hero image for faster LCP --}}
+    @if(!empty($props['hero']['thumb_lg']))
+        <link rel="preload" as="image" href="{{ $props['hero']['thumb_lg'] }}">
+    @elseif(!empty($props['hero']['thumb']))
+        <link rel="preload" as="image" href="{{ $props['hero']['thumb'] }}">
+    @endif
+@endpush
+
+@section('main-class', '')
 
 @section('content')
-    <div class="min-h-screen">
-        @include('web.home.featured')
+    {{-- Inline props for the React component (avoids data-attribute length limits) --}}
+    <script id="homepage-props" type="application/json">
+        {!! json_encode($props, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG | JSON_HEX_AMP) !!}
+    </script>
 
-        @include('web.home.uploads')
-
-        @include('web.home.news')
+    <div id="homepage-root" class="min-h-screen">
+        {{-- Loading skeleton (replaced by React on hydration) --}}
+        <div class="flex min-h-[60vh] items-center justify-center">
+            <div class="h-8 w-8 animate-spin rounded-full border-4 border-nova-500 border-t-transparent"></div>
+        </div>
     </div>
+
+    @vite(['resources/js/Pages/Home/HomePage.jsx'])
 @endsection
+