chore: Refactor route components for better organization and consistency

src/routes/sidepanel-settings.tsx

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