fix: Prevent nav logo and title overlap on mobile

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/App.tsx

@@ -57,7 +57,7 @@ const Navbar = () => {
         </div>
         
         {/* Center: Title */}
-        <div className="absolute left-1/2 -translate-x-1/2 flex items-center whitespace-nowrap">
+        <div className="flex items-center whitespace-nowrap md:absolute md:left-1/2 md:-translate-x-1/2">
           <span className="text-xl md:text-2xl font-bold tracking-tight text-slate-900">OneOS <span className="text-brand">Solutions</span></span>
         </div>