chore: split setting pages

frontend/web/src/pages/UserSetting.tsx

@@ -0,0 +1,15 @@
+import PreferenceSection from "@/components/setting/PreferenceSection";
+import AccessTokenSection from "../components/setting/AccessTokenSection";
+import AccountSection from "../components/setting/AccountSection";
+
+const Setting: React.FC = () => {
+  return (
+    <div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start gap-y-12">
+      <AccountSection />
+      <AccessTokenSection />
+      <PreferenceSection />
+    </div>
+  );
+};
+
+export default Setting;