Ensure we use Inter font in Shared Components Storybook (#32584)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

package.json

@@ -58,7 +58,7 @@
         "@element-hq/element-web-module-api": "catalog:",
         "@element-hq/web-shared-components": "workspace:*",
         "@fontsource/fira-code": "^5",
-        "@fontsource/inter": "^5",
+        "@fontsource/inter": "catalog:",
         "@formatjs/intl-segmenter": "^12.0.0",
         "@matrix-org/analytics-events": "^0.32.0",
         "@matrix-org/emojibase-bindings": "^1.5.0",

packages/shared-components/.storybook/preview.tsx

@@ -1,4 +1,8 @@
 import type { ArgTypes, Preview, Decorator, ReactRenderer, StrictArgs } from "@storybook/react-vite";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/inter/600.css";
+import "@fontsource/inter/700.css";
 
 import "./compound.css";
 import "./preview.css";