Add Sidepanel Settings Body component and update button styles in EmptySidePanel component

src/routes/index.tsx

@@ -1,7 +1,7 @@
 import { Route, Routes } from "react-router-dom"
 import { SidepanelChat } from "./sidepanel-chat"
-import { SidepanelSettingsHeader } from "~components/Sidepanel/Settings/header"
 import { useDarkMode } from "~hooks/useDarkmode"
+import { SidepanelSettings } from "./sidepanel-settings"
 
 export const Routing = () => <Routes></Routes>
 
@@ -12,7 +12,7 @@ export const SidepanelRouting = () => {
     <div className={mode === "dark" ? "dark" : "light"}>
       <Routes>
         <Route path="/" element={<SidepanelChat />} />
-        <Route path="/settings" element={<SidepanelSettingsHeader />} />
+        <Route path="/settings" element={<SidepanelSettings />} />
       </Routes>
     </div>
   )

src/routes/sidepanel-settings.tsx

@@ -1,3 +1,4 @@
+import { SettingsBody } from "~components/Sidepanel/Settings/body"
 import { SidepanelSettingsHeader } from "~components/Sidepanel/Settings/header"
 
 export const SidepanelSettings = () => {
@@ -6,6 +7,7 @@ export const SidepanelSettings = () => {
       <div className="sticky top-0 z-10">
         <SidepanelSettingsHeader />
       </div>
+      <SettingsBody />
     </div>
   )
 }