switch layout dropdown and layout store

pages/[...path].tsx

@@ -6,6 +6,7 @@ import Navbar from '../components/Navbar'
 import FileListing from '../components/FileListing'
 import Footer from '../components/Footer'
 import Breadcrumb from '../components/Breadcrumb'
+import { SwitchLayout } from '../components/SwitchLayout'
 
 export default function Folders() {
   const { query } = useRouter()
@@ -19,8 +20,9 @@ export default function Folders() {
       <main className="flex w-full flex-1 flex-col bg-gray-50 dark:bg-gray-800">
         <Navbar />
         <div className="mx-auto w-full max-w-5xl p-4">
-          <nav className="mb-4 flex items-center px-2">
+          <nav className="mb-4 flex items-center justify-between pl-1 space-x-3">
             <Breadcrumb query={query} />
+            <SwitchLayout />
           </nav>
           <FileListing query={query} />
         </div>