feat: sign in sign up with all views

kittyurl-frontend/src/components/HistoryView.tsx

@@ -0,0 +1,29 @@
+
+import { PawPrint, ExternalLink } from 'lucide-react';
+
+export const HistoryView = ({ onBack }: { onBack: () => void }) => (
+    <div className="max-w-4xl mx-auto p-6 pt-10">
+        <button onClick={onBack} className="mb-8 flex items-center gap-2 text-pink-500 font-bold hover:scale-105 transition-transform">
+            <PawPrint size={20} /> Back to KittyURL
+        </button>
+        <div className="bg-white/80 backdrop-blur-md rounded-[2.5rem] p-8 shadow-xl border-2 border-pink-50">
+            <h2 className="text-3xl font-black text-slate-800 mb-8">Recent Paws 🐾</h2>
+            <div className="overflow-hidden rounded-2xl border border-pink-100">
+                <table className="w-full text-left bg-white">
+                    <thead className="bg-pink-50 text-pink-600">
+                        <tr>
+                            <th className="px-6 py-4 font-bold uppercase text-xs">Long URL</th>
+                            <th className="px-6 py-4 font-bold uppercase text-xs">Kitty URL</th>
+                        </tr>
+                    </thead>
+                    <tbody className="divide-y divide-pink-50">
+                        <tr className="hover:bg-pink-50/50 transition-colors">
+                            <td className="px-6 py-4 text-slate-400 truncate max-w-[200px]">https://very-long-link.com/cats</td>
+                            <td className="px-6 py-4 font-bold text-pink-500 flex items-center gap-2">kitty.url/meow <ExternalLink size={14} /></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+);