diff --git a/.gitignore b/.gitignore
index c31671b..4e76754 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,6 +34,8 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# playwright
 /test-results/
 /playwright-report/
 /blob-report/
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7361d0d
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "editor.detectIndentation": false,
+    "editor.insertSpaces": true,
+    "editor.tabSize": 4
+}
\ No newline at end of file
diff --git a/prettier.config.js b/prettier.config.js
index fbb8c90..8182dce 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -1,22 +1,21 @@
 /** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */
 const config = {
-	/* Base config */
-	plugins: ['prettier-plugin-organize-imports', 'prettier-plugin-tailwindcss'],
+    /* Base config */
+    plugins: ['prettier-plugin-organize-imports', 'prettier-plugin-tailwindcss'],
 
-	/* Formatting rules */
-	tabWidth: 4, // Specify the number of spaces per indentation-level.
-	useTabs: true, // Indent lines with tabs instead of spaces
-	semi: true, // Print semicolons at the ends of statements.
-	singleQuote: true, // Use single quotes instead of double quotes.
-	jsxSingleQuote: true, // Use single quotes in JSX.
-	trailingComma: 'none', // Print trailing commas wherever possible.
-	bracketSpacing: true, // Print spaces between brackets in object literals.
-	bracketSameLine: true, // Put the `>` of a multi-line JSX element at the end of the last line instead of being alone on the next line.
-	printWidth: 120, // Specify the line length that the printer will wrap on.
+    /* Formatting rules */
+    tabWidth: 4, // Specify the number of spaces per indentation-level.
+    semi: true, // Print semicolons at the ends of statements.
+    singleQuote: true, // Use single quotes instead of double quotes.
+    jsxSingleQuote: true, // Use single quotes in JSX.
+    trailingComma: 'none', // Print trailing commas wherever possible.
+    bracketSpacing: true, // Print spaces between brackets in object literals.
+    bracketSameLine: true, // Put the `>` of a multi-line JSX element at the end of the last line instead of being alone on the next line.
+    printWidth: 120, // Specify the line length that the printer will wrap on.
 
-	/* Config for prettier-plugin-tailwindcss */
-	tailwindConfig: './tailwind.config.ts', // Path to the Tailwind config file.
-	tailwindFunctions: ['cn', 'cva'] // List of custom function and tag names that contain classes.
+    /* Config for prettier-plugin-tailwindcss */
+    tailwindConfig: './tailwind.config.ts', // Path to the Tailwind config file.
+    tailwindFunctions: ['cn', 'cva'] // List of custom function and tag names that contain classes.
 };
 
 export default config;