Use vite/client for imports

Author: Half-Shot

packages/shared-components/src/@types/global.d.ts

@@ -13,21 +13,3 @@ declare module "*.md?raw" {
     const content: string;
     export default content;
 }
-
-// For importing PNGs for use in testing
-declare module "*.png" {
-    const content: string;
-    export default content;
-}
-
-// For importing animated GIFs for use in testing
-declare module "*.gif" {
-    const content: string;
-    export default content;
-}
-
-// For importing videos for use in testing
-declare module "*.webm" {
-    const content: string;
-    export default content;
-}

packages/shared-components/tsconfig.json

@@ -14,12 +14,12 @@
         "declaration": true,
         "jsx": "react",
         "lib": ["es2022", "es2024.promise", "dom", "dom.iterable"],
-        "types": ["storybook-addon-vis/matcher"],
+        "types": ["vite/client", "storybook-addon-vis/matcher"],
         "strict": true,
         "paths": {
-            "@test-utils": ["./src/test/utils/index"]
-        }
+            "@test-utils": ["./src/test/utils/index"],
+        },
     },
     "include": ["./src/**/*.ts", "./src/**/*.tsx", ".storybook/*.ts", ".storybook/*.tsx"],
-    "references": [{ "path": "./tsconfig.node.json" }]
+    "references": [{ "path": "./tsconfig.node.json" }],
 }