chore: settings page (#64)

Closes #63

Author: rajshekharbind

src/quant_research_starter/frontend/cauweb/src/pages/Settings.tsx

@@ -0,0 +1,62 @@
+import React from 'react';
+import { Save } from 'lucide-react';
+
+export const Settings: React.FC = () => {
+  return (
+    <div className="p-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold text-gray-900">Settings</h1>
+        <p className="text-gray-600 mt-2">Configure your research environment</p>
+      </div>
+
+      <div className="max-w-2xl">
+        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
+          <h3 className="text-lg font-semibold text-gray-900 mb-6">Preferences</h3>
+          
+          <div className="space-y-6">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Default Timezone
+              </label>
+              <select className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
+                <option>UTC</option>
+                <option>EST</option>
+                <option>PST</option>
+              </select>
+            </div>
+
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Currency
+              </label>
+              <select className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
+                <option>USD ($)</option>
+                <option>EUR (€)</option>
+                <option>GBP (£)</option>
+              </select>
+            </div>
+
+            <div>
+              <label className="flex items-center">
+                <input type="checkbox" className="rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+                <span className="ml-2 text-sm text-gray-700">Enable real-time data updates</span>
+              </label>
+            </div>
+
+            <div>
+              <label className="flex items-center">
+                <input type="checkbox" className="rounded border-gray-300 text-blue-600 focus:ring-blue-500" defaultChecked />
+                <span className="ml-2 text-sm text-gray-700">Send performance reports via email</span>
+              </label>
+            </div>
+
+            <button className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2">
+              <Save className="w-4 h-4" />
+              <span>Save Preferences</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};