wip: clean up & refactor

src/shared/titleBar.tsx

@@ -1,8 +1,11 @@
+import { useStorage } from '@libs/storage/provider';
+
 import { CancelIcon } from '@shared/icons';
 
 import { useWidgets } from '@stores/widgets';
 
 export function TitleBar({ id, title }: { id?: string; title: string }) {
+  const { db } = useStorage();
   const remove = useWidgets((state) => state.removeWidget);
 
   return (
@@ -15,7 +18,7 @@ export function TitleBar({ id, title }: { id?: string; title: string }) {
       {id ? (
         <button
           type="button"
-          onClick={() => remove(id)}
+          onClick={() => remove(db, id)}
           className="inline-flex h-6 w-6 shrink translate-y-8 transform items-center justify-center rounded transition-transform duration-150 ease-in-out hover:bg-white/10 group-hover:translate-y-0"
         >
           <CancelIcon className="h-3 w-3 text-white" />