chore: move storybook config files to use typescript

Author: shootermv

.storybook/main.js renamed to .storybook/main.ts

@@ -1,4 +1,6 @@
-module.exports = {
+import type { StorybookConfig } from "@storybook/react-webpack5";
+
+const config: StorybookConfig = {
 	stories: ["../src/**/*.mdx", "../src/**/*.stories.tsx"],
 
 	addons: [
@@ -7,22 +9,21 @@ module.exports = {
 		"@storybook/addon-a11y",
 		{
 			name: "@storybook/addon-styling-webpack",
-
 			options: {
 				rules: [
 					{
 						test: /\.css$/,
 						sideEffects: true,
 						use: [
-							require.resolve("style-loader"),
+							"style-loader",
 							{
-								loader: require.resolve("css-loader"),
+								loader: "css-loader",
 								options: {
 									importLoaders: 1,
 								},
 							},
 							{
-								loader: require.resolve("postcss-loader"),
+								loader: "postcss-loader",
 								options: {
 									implementation: require.resolve("postcss"),
 								},
@@ -57,3 +58,5 @@ module.exports = {
 
 	staticDirs: [{ from: "../src/assets", to: "/assets" }],
 };
+
+export default config;

.storybook/manager.js renamed to .storybook/manager.ts

@@ -85,6 +85,7 @@
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "29.5.14",
+    "@types/node": "^22.7.9",
     "@types/prismjs": "1.26.5",
     "@types/react": "16.14.62",
     "@types/react-dom": "16.9.25",