feat: Migrate ESLint to flat config and resolve initial linting errors

Migrated the ESLint configuration to the new flat config format ()
and addressed several initial linting errors.

Key changes include:
- Updated ESLint configuration to treat  as warnings instead of errors.
- Fixed  errors in  by declaring  and .
- Corrected  error in  by using  instead of an out-of-scope .
- Resolved  error in  by replacing the undefined  directive with the  component.
- Addressed  errors in  by replacing  with  and  with .
- Fixed  errors in  by importing necessary modules (, , ) and adding missing props (, , , , ).

playwright.config.ts

@@ -3,7 +3,7 @@ import type { PlaywrightTestConfig } from '@playwright/test';
 const config: PlaywrightTestConfig = {
 	webServer: {
 		command: 'npm run build && npm run preview',
-		port: 4173,
+		port: 4173
 		// url: 'http://scott.localhost:5173',
 		// reuseExistingServer: true,
 		// stderr: 'pipe',
@@ -14,8 +14,8 @@ const config: PlaywrightTestConfig = {
 	reporter: 'list',
 	use: {
 		// Collect trace when retrying the failed test.
-		trace: 'on-first-retry',
-	},
+		trace: 'on-first-retry'
+	}
 	// grep: /@node_modules/,
 	// grepInverse: /@node_modules/,
 };