resizable widget

src/shared/widgets/local/articles.tsx

@@ -8,6 +8,7 @@ import { useStorage } from '@libs/storage/provider';
 import { ArrowRightCircleIcon, LoaderIcon } from '@shared/icons';
 import { FileNote, NoteSkeleton, NoteWrapper } from '@shared/notes';
 import { TitleBar } from '@shared/titleBar';
+import { WidgetWrapper } from '@shared/widgets';
 
 import { DBEvent, Widget } from '@utils/types';
 
@@ -53,7 +54,7 @@ export function LocalArticlesWidget({ 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' ? (
@@ -125,6 +126,6 @@ export function LocalArticlesWidget({ params }: { params: Widget }) {
           </button>
         </div>
       </div>
-    </div>
+    </WidgetWrapper>
   );
 }