redesign: Hacker theme for security researcher portfolio

- Complete visual overhaul with cyberpunk/terminal aesthetic
- Dark theme with matrix green (#00ff41), cyan, magenta accents
- Terminal-styled sections with command prompts
- Sharp angular design (removed all rounded corners)
- Added glowing borders, scanline effects, animations
- New SVG favicon with terminal prompt icon
- Added framer-motion page transitions for smooth theme switching
- "Enter my zen world" section for calm pastel pages
- Updated metadata/SEO for security researcher branding
- Social links: GitHub, LinkedIn, X, Email

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/app/template.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { usePathname } from "next/navigation";
+
+export default function Template({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const isHackerTheme = pathname === "/";
+
+  return (
+    <motion.div
+      key={pathname}
+      initial={{ opacity: 0, y: 8 }}
+      animate={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, y: -8 }}
+      transition={{
+        duration: 0.35,
+        ease: [0.22, 1, 0.36, 1],
+      }}
+      className={isHackerTheme ? "bg-[#0a0a0a]" : ""}
+    >
+      {children}
+    </motion.div>
+  );
+}