feat(infinite-canvas): add infinite canvas component with drag and zoom functionality

- Implemented InfiniteCanvas.vue for rendering an infinite canvas with drag and zoom capabilities.
- Created useInfiniteCanvas composable for managing canvas state and interactions.
- Added useImagePreloader composable for preloading images and videos.
- Introduced constants for physics, touch interactions, viewport settings, and zoom defaults.
- Developed utility functions for touch handling and media type detection.
- Defined TypeScript types for canvas items, grid items, and composables.
- Registered components and composables in the Nuxt module.
- Added screenshot generation functionality for content files.
- Updated package.json to include capture-website dependency.

content.config.ts

@@ -13,6 +13,10 @@ export const collections = {
       tags: z.array(z.string()),
       cover: z.string(),
       favorite: z.boolean().optional(),
+      canva: z.object({
+        height: z.number().default(270),
+        width: z.number().default(480),
+      }),
     }),
   }),
   writings: defineCollection({
@@ -26,6 +30,10 @@ export const collections = {
       readingTime: z.number(),
       cover: z.string().optional(),
       tags: z.array(z.string()),
+      canva: z.object({
+        height: z.number().default(270),
+        width: z.number().default(480),
+      }),
     }),
   }),
   usesCategories: defineCollection({