fix: use nextform.png logo across all components

apps/admin/src/app/page.tsx

@@ -51,12 +51,18 @@ export default function Home() {
         {/* Hero Section */}
         <div className="pt-8 pb-4">
           <div className="space-y-3">
-            <div className="flex items-center gap-3">
+            <div className="flex items-center gap-4">
               <img 
-                src="/nextform-logo.svg" 
+                src="/nextform.png" 
                 alt="NextForm" 
-                className="h-16 w-16"
+                className="h-14 w-14"
               />
+              <div className="flex items-center gap-3">
+                <div className="h-12 w-1 bg-gradient-to-b from-blue-600 to-cyan-600 rounded-full"></div>
+                <h1 className="text-5xl font-black bg-gradient-to-r from-blue-600 via-blue-700 to-cyan-600 bg-clip-text text-transparent">
+                  NextForm
+                </h1>
+              </div>
             </div>
             <p className="text-lg text-gray-600 ml-4">Performance metrics & athlete insights</p>
           </div>

apps/admin/src/components/Navigation.tsx

@@ -52,10 +52,10 @@ export function Navigation(): ReactElement {
           {/* Logo */}
           <Link
             href="/"
-            className="flex items-center gap-2 hover:opacity-80 transition-opacity"
+            className="flex items-center gap-3 hover:opacity-80 transition-opacity"
           >
             <img 
-              src="/nextform-logo.svg" 
+              src="/nextform.png" 
               alt="NextForm" 
               className="h-8 w-8"
             />

apps/admin/src/components/ui/Sidebar.tsx

@@ -68,12 +68,17 @@ export function Sidebar() {
         <aside className="w-64 bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 text-white h-screen fixed left-0 top-0 flex flex-col border-r border-slate-800/50 shadow-2xl">
             {/* Logo Section */}
             <div className="p-6 border-b border-slate-800/50">
-                <div className="flex items-center justify-center">
+                <div className="flex items-center gap-3 justify-center">
                     <img 
-                        src="/nextform-logo.svg" 
+                        src="/nextform.png" 
                         alt="NextForm" 
-                        className="h-14 w-14"
+                        className="h-10 w-10"
                     />
+                    <div>
+                        <h1 className="text-lg font-black bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-300 bg-clip-text text-transparent">
+                            NextForm
+                        </h1>
+                    </div>
                 </div>
             </div>