Complete Hubbly theme conversion: all pages rewritten with CSS variable theming

- Converted all views from Dusk components (x-content.content-card, x-form.*) to inline Hubbly style
- All pages use consistent card pattern: rounded-lg, gradient headers, color-mix borders
- Added Hubbly-style homepage with 2-column layout, login card, swiper news carousel
- Rewrote navigation with Alpine.js dropdowns, CSS variable colors, Hubbly assets
- Updated profile page with Hubbly cards, fixed data bugs (friend/guild relationships)
- Rewrote register page to match Hubbly layout: banner header, avatar preview with Frank GIF, 2-column form, avatar carousel selector, border-4 inputs
- Rewrote login, settings, help center, radio, applications, utility pages
- All colors use CSS variables controlled by Filament theme editor
- Added Hubbly assets: banner, Frank GIF, navigation icons, online badge
- Removed all dependencies on x-content.* and x-form.* components

resources/themes/atom/views/components/user/profile-info-card.blade.php

@@ -1,15 +1,15 @@
 @props(['colSpan'])
 
 <div class="col-span-2 lg:col-span-{{ $colSpan }}">
- {{ $image }}
+    {{ $image }}
 
- <div class="shadow">
- <div class="flex gap-x-2 rounded-t border-b p-3" style="background-color: var(--color-surface); border-color: var(--color-text-muted);">
- <p class="font-semibold" style="color: var(--color-text)">{{ $title }}</p>
- </div>
+    <div class="rounded-lg overflow-hidden" style="background-color: var(--color-surface); border: 1px solid color-mix(in srgb, var(--color-text-muted) 15%, transparent);">
+        <div class="flex gap-x-2 border-b p-3" style="background-color: var(--color-surface); border-color: color-mix(in srgb, var(--color-text-muted) 15%, transparent);">
+            <p class="font-semibold" style="color: var(--color-text)">{{ $title }}</p>
+        </div>
 
- <section class="rounded-b p-3" style="background-color: var(--color-surface); color: var(--color-text);">
- {{ $slot }}
- </section>
- </div>
+        <section class="p-3" style="color: var(--color-text);">
+            {{ $slot }}
+        </section>
+    </div>
 </div>