Update SidepanelChat imports and add SidepanelSettingsHeader route

src/routes/index.tsx

@@ -1,5 +1,6 @@
 import { Route, Routes } from "react-router-dom"
 import { SidepanelChat } from "./sidepanel-chat"
+import { SidepanelSettingsHeader } from "~components/Sidepanel/Settings/header"
 
 export const Routing = () => <Routes></Routes>
 
@@ -7,6 +8,7 @@ export const SidepanelRouting = () => (
   <div className="dark">
     <Routes>
       <Route path="/" element={<SidepanelChat />} />
+      <Route path="/settings" element={<SidepanelSettingsHeader />} />  
     </Routes>
   </div>
 )

src/routes/sidepanel-chat.tsx

@@ -1,6 +1,6 @@
-import { SidePanelBody } from "~components/Sidepanel/body"
-import { SidepanelForm } from "~components/Sidepanel/form"
-import { SidepanelHeader } from "~components/Sidepanel/header"
+import { SidePanelBody } from "~components/Sidepanel/Chat/body"
+import { SidepanelForm } from "~components/Sidepanel/Chat/form"
+import { SidepanelHeader } from "~components/Sidepanel/Chat/header"
 
 export const SidepanelChat = () => {
   return (

src/routes/sidepanel-settings.tsx

@@ -0,0 +1,11 @@
+import { SidepanelSettingsHeader } from "~components/Sidepanel/Settings/header"
+
+export const SidepanelSettings = () => {
+  return (
+    <div className="flex bg-white dark:bg-black flex-col min-h-screen mx-auto max-w-7xl">
+      <div className="sticky top-0 z-10">
+        <SidepanelSettingsHeader />
+      </div>
+    </div>
+  )
+}