feat: creats frontend for the project

frontend/src/pages/SettingsPage.tsx

@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { AccountsList } from '../components/AccountsList';
+import { CategoriesList } from '../components/CategoriesList';
+import { RulesList } from '../components/RulesList';
+
+type Tab = 'accounts' | 'categories' | 'rules';
+
+export function SettingsPage() {
+  const [tab, setTab] = useState<Tab>('accounts');
+
+  return (
+    <div className="page">
+      <div className="page-header">
+        <h1>Настройки</h1>
+      </div>
+
+      <div className="tabs">
+        <button
+          className={`tab ${tab === 'accounts' ? 'active' : ''}`}
+          onClick={() => setTab('accounts')}
+        >
+          Счета
+        </button>
+        <button
+          className={`tab ${tab === 'categories' ? 'active' : ''}`}
+          onClick={() => setTab('categories')}
+        >
+          Категории
+        </button>
+        <button
+          className={`tab ${tab === 'rules' ? 'active' : ''}`}
+          onClick={() => setTab('rules')}
+        >
+          Правила
+        </button>
+      </div>
+
+      <div className="tab-content">
+        {tab === 'accounts' && <AccountsList />}
+        {tab === 'categories' && <CategoriesList />}
+        {tab === 'rules' && <RulesList />}
+      </div>
+    </div>
+  );
+}