Prepare dark theme, add pricing page

components/ui/theme-toggle.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { useTheme } from '@/lib/theme-context';
+import { Sun, Moon } from 'lucide-react';
+
+const ThemeToggle: React.FC = () => {
+  const { theme, toggleTheme } = useTheme();
+
+  return (
+    <button
+      onClick={toggleTheme}
+      className="text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2"
+      aria-label={theme === 'dark' ? 'Switch to light theme' : 'Switch to dark theme'}
+    >
+      {theme === 'dark' ? (
+        <Sun className="h-3 w-3" />
+      ) : (
+        <Moon className="h-3 w-3" />
+      )}
+    </button>
+  );
+};
+
+export default ThemeToggle;