feat: automatically enable low cpu mode on mobiles

- linked /root discord

src/components/NavigationBar.tsx

@@ -12,17 +12,23 @@ export function NavigationBar({ cpuModeEnabled, onCpuModeToggle }: NavigationBar
                 <Terminal className="w-5 h-5 accent-text transform -rotate-12 group-hover:rotate-12 transition-transform" />
                 <span className="font-sketch text-2xl text-(--text-main) tracking-wide">aditya_gupta <span className="text-(--text-dim)">//</span> sortedcord</span>
 
-                <div className="absolute -top-6 -right-16 font-sketch text-sm accent-text rotate-12 flex items-center gap-1 opacity-80">
+                <a
+                    href="https://discord.gg/mDvfbSTQjJ"
+                    target="_blank"
+                    rel="noreferrer"
+                    className="absolute -top-10 left-80 -translate-y-2 z-50 font-sketch text-sm accent-text rotate-12 flex items-center gap-1 opacity-80 hover:text-(--text-main) transition-colors sm:absolute sm:-top-6 sm:-right-16 sm:mt-0 sm:translate-y-0"
+                    aria-label="Open root link"
+                >
                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="transform -scale-x-100 rotate-45"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg>
                     <span>root</span>
-                </div>
+                </a>
             </div>
 
             <div className="flex items-center gap-6 flex-wrap">
                 <button
                     type="button"
                     onClick={onCpuModeToggle}
-                    className="flex items-center gap-2 text-(--text-muted) hover:text-(--text-main) transition-colors"
+                    className="hidden sm:flex items-center gap-2 text-(--text-muted) hover:text-(--text-main) transition-colors"
                     aria-pressed={cpuModeEnabled}
                     aria-label="Toggle low CPU mode"
                 >