change formatter, improve view page, idk

biome.json

@@ -0,0 +1,28 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.7.0/schema.json",
+	"formatter": {
+		"enabled": true,
+		"formatWithErrors": false,
+		"indentStyle": "tab",
+		"indentWidth": 2,
+		"lineEnding": "lf",
+		"lineWidth": 120,
+		"attributePosition": "auto",
+		"ignore": ["**/pnpm-lock.yaml", "**/.next/**"]
+	},
+	"organizeImports": { "enabled": true },
+	"linter": { "enabled": true, "rules": { "recommended": true }, "ignore": ["**/pnpm-lock.yaml", "**/.next/**"] },
+	"javascript": {
+		"formatter": {
+			"jsxQuoteStyle": "double",
+			"quoteProperties": "asNeeded",
+			"trailingComma": "all",
+			"semicolons": "asNeeded",
+			"arrowParentheses": "always",
+			"bracketSpacing": true,
+			"bracketSameLine": false,
+			"quoteStyle": "double",
+			"attributePosition": "auto"
+		}
+	}
+}

config.json

@@ -0,0 +1,5 @@
+{
+	"style": {
+		"backgroundImage": "https://raw.githubusercontent.com/zhichaoh/catppuccin-wallpapers/main/waves/cat-waves.png"
+	}
+}

drizzle.config.ts

@@ -1,14 +1,14 @@
-import "dotenv/config";
-import type { Config } from "drizzle-kit";
+import "dotenv/config"
+import type { Config } from "drizzle-kit"
 
 const config: Config = {
 	driver: "pg",
 	out: "./src/lib/drizzle",
 	schema: "./src/lib/drizzle/schema.ts",
 	dbCredentials: {
-		connectionString: process.env.DATABASE_URL!,
+		connectionString: process.env.DATABASE_URL as string,
 	},
 	verbose: true,
 	strict: true,
-};
-export default config;
+}
+export default config

next.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
-import { verifyPatch } from "next-ws/server/index.js";
+import { verifyPatch } from "next-ws/server/index.js"
 
-verifyPatch();
+verifyPatch()
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 	images: {
@@ -32,15 +32,15 @@ const nextConfig = {
 				destination: "/auth/error",
 				permanent: true,
 			},
-		];
+		]
 	},
 	webpack(config) {
 		config.module.rules.push({
 			test: /\.node$/,
 			loader: "node-loader",
-		});
-		return config;
+		})
+		return config
 	},
-};
+}
 
-export default nextConfig;
+export default nextConfig

package.json

@@ -7,8 +7,8 @@
 		"dev": "next dev",
 		"build": "next build",
 		"start": "next start",
-		"lint": "next lint",
-		"format": "prettier --write .",
+		"lint": "biome lint --apply .",
+		"format": "biome format --write .",
 		"drizzle-kit": "drizzle-kit",
 		"db:push": "drizzle-kit push:pg",
 		"postinstall": "pnpm dlx next-ws-cli@latest patch"
@@ -44,19 +44,16 @@
 		"pg": "^8.11.3",
 		"pg-native": "^3.0.1",
 		"postgres": "^3.4.4",
-		"prettier": "^3.2.5",
-		"prettier-plugin-organize-imports": "^3.2.4",
-		"prettier-plugin-tailwindcss": "^0.5.12",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-draggable": "^4.4.6",
 		"server-only": "^0.0.1",
 		"sonner": "^1.4.41",
 		"tailwind-merge": "^2.2.2",
 		"tailwindcss-animate": "^1.0.7",
 		"ws": "^8.16.0"
 	},
 	"devDependencies": {
+		"@biomejs/biome": "1.7.0",
 		"@types/node": "^20.11.30",
 		"@types/novnc__novnc": "^1.3.5",
 		"@types/pg": "^8.11.4",
@@ -65,8 +62,6 @@
 		"@types/ws": "^8.5.10",
 		"autoprefixer": "^10.4.19",
 		"drizzle-kit": "^0.20.16",
-		"eslint": "^8.57.0",
-		"eslint-config-next": "14.1.4",
 		"postcss": "^8.4.38",
 		"tailwindcss": "^3.4.1",
 		"tailwindcss-dotted-background": "^1.1.0",