resizable widget

src/shared/widgets/global/files.tsx

@@ -7,6 +7,7 @@ import { useNDK } from '@libs/ndk/provider';
 
 import { FileNote, NoteSkeleton, NoteWrapper } from '@shared/notes';
 import { TitleBar } from '@shared/titleBar';
+import { WidgetWrapper } from '@shared/widgets';
 
 import { Widget } from '@utils/types';
 
@@ -52,7 +53,7 @@ export function GlobalFilesWidget({ params }: { params: Widget }) {
   );
 
   return (
-    <div className="relative shrink-0 grow-0 basis-[400px] bg-white/10 backdrop-blur-xl">
+    <WidgetWrapper>
       <TitleBar id={params.id} title={params.title} />
       <div ref={parentRef} className="scrollbar-hide h-full overflow-y-auto pb-20">
         {status === 'loading' ? (
@@ -90,6 +91,6 @@ export function GlobalFilesWidget({ params }: { params: Widget }) {
           </div>
         )}
       </div>
-    </div>
+    </WidgetWrapper>
   );
 }