contiune text editing

src/components/layout/layout.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { Sidebar } from "./sidebar";
 import { Navbar } from "./navbar";
 
@@ -8,12 +8,12 @@ type Props = {
 
 export const Layout = ({ children }: Props) => {
   return (
-    <>
+    <div className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
       <Navbar />
       <div className="flex h-full ">
         <Sidebar />
         <main className="h-full w-full bg-slate-300">{children}</main>
       </div>
-    </>
+    </div>
   );
 };