chore: formatting in control panel.

Author: Sahil2004

infrastructure/control-panel/.storybook/main.ts

@@ -1,25 +1,20 @@
 import type { StorybookConfig } from '@storybook/sveltekit';
 
-import { join, dirname } from "path"
+import { join, dirname } from 'path';
 
 /**
-* This function is used to resolve the absolute path of a package.
-* It is needed in projects that use Yarn PnP or are set up within a monorepo.
-*/
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
 function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')))
+	return dirname(require.resolve(join(value, 'package.json')));
 }
 const config: StorybookConfig = {
-  "stories": [
-    "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|ts|svelte)"
-  ],
-  "addons": [
-    getAbsolutePath('@storybook/addon-svelte-csf')
-  ],
-  "framework": {
-    "name": getAbsolutePath('@storybook/sveltekit'),
-    "options": {}
-  }
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|ts|svelte)'],
+	addons: [getAbsolutePath('@storybook/addon-svelte-csf')],
+	framework: {
+		name: getAbsolutePath('@storybook/sveltekit'),
+		options: {}
+	}
 };
-export default config;
+export default config;

infrastructure/control-panel/.storybook/preview.ts

@@ -1,15 +1,15 @@
-import type { Preview } from '@storybook/sveltekit'
-import "../src/app.css";
+import type { Preview } from '@storybook/sveltekit';
+import '../src/app.css';
 
 const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
-      },
-    },
-  },
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i
+			}
+		}
+	}
 };
 
-export default preview;
+export default preview;

infrastructure/control-panel/src/app.css

@@ -1,36 +1,35 @@
 @import 'tailwindcss';
 
-
 @theme {
-    /* Custom theme */
-    --color-primary: #8e52ff;
-    --color-primary-100: #e8dcff;
-    --color-primary-200: #d2baff;
-    --color-primary-300: #bb97ff;
-    --color-primary-400: #a575ff;
-    --color-primary-500: #8e52ff;
+	/* Custom theme */
+	--color-primary: #8e52ff;
+	--color-primary-100: #e8dcff;
+	--color-primary-200: #d2baff;
+	--color-primary-300: #bb97ff;
+	--color-primary-400: #a575ff;
+	--color-primary-500: #8e52ff;
 
-    --color-secondary: #73efd5;
-    --color-secondary-100: #e3fcf7;
-    --color-secondary-200: #c7f9ee;
-    --color-secondary-300: #abf6e6;
-    --color-secondary-400: #8ff2dd;
-    --color-secondary-500: #73efd5;
+	--color-secondary: #73efd5;
+	--color-secondary-100: #e3fcf7;
+	--color-secondary-200: #c7f9ee;
+	--color-secondary-300: #abf6e6;
+	--color-secondary-400: #8ff2dd;
+	--color-secondary-500: #73efd5;
 
-    --color-white: #ffffff;
-    --color-gray: #f5f5f5;
+	--color-white: #ffffff;
+	--color-gray: #f5f5f5;
 
-    --color-black: #1f1f1f;
-    --color-black-100: #d2d2d2;
-    --color-black-300: #a5a5a5;
-    --color-black-500: #797979;
-    --color-black-700: #4c4c4c;
-    --color-black-900: #1f1f1f;
+	--color-black: #1f1f1f;
+	--color-black-100: #d2d2d2;
+	--color-black-300: #a5a5a5;
+	--color-black-500: #797979;
+	--color-black-700: #4c4c4c;
+	--color-black-900: #1f1f1f;
 
-    --color-danger: #ff5255;
-    --color-danger-100: #ffdcdd;
-    --color-danger-200: #ffb1a7;
-    --color-danger-300: #ff968e;
-    --color-danger-400: #ff7b77;
-    --color-danger-500: #ff5255;
-}
+	--color-danger: #ff5255;
+	--color-danger-100: #ffdcdd;
+	--color-danger-200: #ffb1a7;
+	--color-danger-300: #ff968e;
+	--color-danger-400: #ff7b77;
+	--color-danger-500: #ff5255;
+}

infrastructure/control-panel/vite.config.ts

@@ -1,7 +1,7 @@
-import { sveltekit } from "@sveltejs/kit/vite";
-import tailwindcss from "@tailwindcss/vite";
-import { defineConfig } from "vite";
+import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
-    plugins: [tailwindcss(), sveltekit()],
+	plugins: [tailwindcss(), sveltekit()]
 });