feat: update layout components, fix AccentLink styles, add Tooltip and Cursor components

components/layout/Container.tsx

@@ -5,7 +5,7 @@ export default function Container({
 }) {
   return (
     <div className="flex-1 min-h-0 overflow-y-auto">
-      <div className="mx-auto w-full max-w-2xl px-6 py-16">{children}</div>
+      <div className="mx-auto w-full max-w-2xl px-4 sm:px-6 lg:px-2 py-16">{children}</div>
     </div>
   );
 }

components/layout/Footer.tsx

@@ -1,6 +1,6 @@
 export default function Footer() {
   return (
-    <footer className="mx-auto w-full max-w-2xl px-6 py-6 flex items-center justify-between border-t border-neutral-800 text-xs text-neutral-500">
+    <footer className="mx-auto w-full max-w-4xl px-6 py-6 flex items-center justify-between border-t border-neutral-800 text-xs text-neutral-500 sticky bottom-0 backdrop-blur-lg">
       <span>© 2026 Angel Mankel</span>
       <span>Self-hosted · Traefik · Next.js</span>
     </footer>

components/layout/Header.tsx

@@ -3,7 +3,7 @@ import Nav from "./Nav";
 
 export default function Header() {
   return (
-    <header className="mx-auto w-full max-w-2xl px-6 py-5 flex items-center justify-between">
+    <header className="mx-auto w-full max-w-4xl px-6 py-5 flex items-center justify-between sticky top-0 z-50 bg-[#0a0a0a]/70 backdrop-blur-lg">
       <Link
         href="/"
         className="text-sm font-semibold text-neutral-100 hover:text-white"

components/layout/SectionLabel.tsx

@@ -1,5 +1,5 @@
 import { IconPointFilled } from '@tabler/icons-react';
-import { colors } from '@/constants/colors';
+import { colors } from '@/constants';
 
 export default function SectionLabel({ label }: { label: string }) {
   return (