refactor: some big ass refactor

src/components/FooterSection.tsx

@@ -0,0 +1,15 @@
+export function FooterSection() {
+    return (
+        <footer className="border-t-2 border-dashed border-[var(--border-main)] pt-8 pb-12 flex flex-col sm:flex-row justify-between items-center gap-4 text-xs font-mono text-[var(--text-dim)]">
+            <div className="flex items-center gap-2">
+                <span className="font-sketch text-lg transform -rotate-6 block">Aditya Gupta</span>
+                <span>// 2026 // NEW_DELHI</span>
+            </div>
+            <div className="flex gap-4 sketch-border-subtle px-4 py-2 bg-[var(--bg-surface)]">
+                <span>UPTIME: 99.9%</span>
+                <span className="text-[var(--text-dim)]">|</span>
+                <span className="accent-text">NOMINAL</span>
+            </div>
+        </footer>
+    );
+}