Add export data functionality on settings page

templates/dashboard/settings/api_keys.html

@@ -2,6 +2,20 @@
 
 {% block page %}
 <div class="p-6 max-w-4xl mx-auto">
+    <!-- Settings Navigation -->
+    <div class="mb-6 border-b border-gray-200 dark:border-gray-700">
+        <nav class="-mb-px flex space-x-8">
+            <a href="{{ url_for('settings.api_keys') }}"
+                class="border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 py-4 px-1 text-sm font-medium">
+                API Keys
+            </a>
+            <a href="{{ url_for('settings.export') }}"
+                class="border-b-2 border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300 py-4 px-1 text-sm font-medium">
+                Export Data
+            </a>
+        </nav>
+    </div>
+
     <div class="flex justify-between items-center mb-6">
         <h1 class="text-2xl font-bold text-gray-900 dark:text-white">API Keys</h1>
         <button onclick="document.getElementById('create-key-modal').showModal()"