fix(workshop): encode screenshot filenames in URLs and stabilize paste effect deps

apps/nextjs/src/app/[locale]/manage/custom-widgets/_custom-widget-list.tsx

@@ -65,7 +65,7 @@ export const CustomWidgetList = ({ definitions }: CustomWidgetListProps) => {
     };
     document.addEventListener("paste", onPaste);
     return () => document.removeEventListener("paste", onPaste);
-  }, [importMutation]);
+  }, [importMutation.mutate]);
 
   if (definitions.length === 0) {
     return (

apps/nextjs/src/components/store-install/store-api.ts

@@ -28,7 +28,7 @@ interface PBListResponse {
 }
 
 export const getStoreFileUrl = (submission: StoreSubmission, filename: string) =>
-  `${STORE_URL}/api/files/submissions/${submission.id}/${filename}`;
+  `${STORE_URL}/api/files/submissions/${submission.id}/${encodeURIComponent(filename)}`;
 
 export const fetchStoreSubmissions = async (
   type: "css" | "widget",