chore: add in codesandbox support (#9)

.codesandbox/tasks.json

@@ -0,0 +1,62 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [
+    {
+      "command": "npm install",
+      "name": "Install Dependencies"
+    }
+  ],
+
+  // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+  "tasks": {
+    "dev": {
+      "name": "dev",
+      "command": "npm run dev",
+      "runAtStart": true
+    },
+    "dev:vite": {
+      "name": "dev:vite",
+      "command": "npm run dev:vite"
+    },
+    "build": {
+      "name": "build",
+      "command": "npm run build"
+    },
+    "build:vite": {
+      "name": "build:vite",
+      "command": "npm run build:vite"
+    },
+    "build:storybook": {
+      "name": "build:storybook",
+      "command": "npm run build:storybook"
+    },
+    "lint": {
+      "name": "lint",
+      "command": "npm run lint"
+    },
+    "preview": {
+      "name": "preview",
+      "command": "npm run preview"
+    },
+    "start": {
+      "name": "start",
+      "command": "npm run start"
+    },
+    "start:storybook": {
+      "name": "start:storybook",
+      "command": "npm run start:storybook"
+    },
+    "test": {
+      "name": "test",
+      "command": "npm run test"
+    },
+    "test:cypress": {
+      "name": "test:cypress",
+      "command": "npm run test:cypress"
+    },
+    "test:storybook": {
+      "name": "test:storybook",
+      "command": "npm run test:storybook"
+    }
+  }
+}

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,18 +15,30 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react",
+    "jsx": "preserve",
     "incremental": true,
-    "types": ["cypress", "node"],
+    "types": [
+      "cypress",
+      "node"
+    ],
     "plugins": [
       {
         "name": "next"
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }