Update SidepanelChat imports and add SidepanelSettingsHeader route

src/components/Sidepanel/Chat/body.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { PlaygroundMessage } from "~components/Common/Playground/Message"
 import { useMessage } from "~hooks/useMessage"
-import { EmptySidePanel } from "./empty"
+import { EmptySidePanel } from "../Chat/empty"
 
 export const SidePanelBody = () => {
   const { messages } = useMessage()

src/components/Sidepanel/Chat/header.tsx

@@ -2,6 +2,7 @@ import logoImage from "data-base64:~assets/icon.png"
 import CogIcon from "@heroicons/react/24/outline/CogIcon"
 import { ArrowPathIcon } from "@heroicons/react/24/outline"
 import { useMessage } from "~hooks/useMessage"
+import { Link } from "react-router-dom"
 export const SidepanelHeader = () => {
   const { clearChat } = useMessage()
   return (
@@ -19,7 +20,9 @@ export const SidepanelHeader = () => {
           className="flex items-center space-x-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-700">
           <ArrowPathIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
         </button>
-        <CogIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
+        <Link to="/settings">
+          <CogIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
+        </Link>
       </div>
     </div>
   )

src/components/Sidepanel/Settings/header.tsx

@@ -0,0 +1,16 @@
+import logoImage from "data-base64:~assets/icon.png"
+import { ChevronLeftIcon } from "@heroicons/react/24/outline"
+import { Link } from "react-router-dom"
+export const SidepanelSettingsHeader = () => {
+  return (
+    <div className="flex px-3 justify-start gap-3 bg-white dark:bg-black border-b border-gray-200 dark:border-gray-800 py-4 items-center">
+      <Link to="/">
+        <ChevronLeftIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
+      </Link>
+      <div className="focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-700 flex items-center dark:text-white">
+        <img className="h-6 w-auto" src={logoImage} alt="Page Assist" />
+        <span className="ml-1 text-sm ">Page Assist</span>
+      </div>
+    </div>
+  )
+}