Update biome to v2, zod to v4, all other deps as well (#50)

# Description

Updated all the deps

## Type of change

Please mark relevant options with an `x` in the brackets.

- [ ] Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] This change requires a documentation update
- [ ] Algorithm update - updates algorithm
documentation/questions/answers etc.
- [ ] Other (please describe):

# How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide
instructions so we can reproduce. Please also
list any relevant details for your test configuration

- [ ] Integration tests
- [ ] Unit tests
- [ ] Manual tests
- [ ] No tests required

# Reviewer checklist

Mark everything that needs to be checked before merging the PR.

- [ ] Check if the UI is working as expected and is satisfactory
- [ ] Check if the code is well documented
- [ ] Check if the behavior is what is expected
- [ ] Check if the code is well tested
- [ ] Check if the code is readable and well formatted
- [ ] Additional checks (document below if any)

# Screenshots (if appropriate):

# Questions (if appropriate):

Author: AlemTuzlak

app/entry.server.tsx

@@ -22,8 +22,7 @@ export default async function handleRequest(
 	const callbackName = isbot(request.headers.get("user-agent")) ? "onAllReady" : "onShellReady"
 	const instance = createInstance()
 	const lng = appContext.lang
-	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-	const ns = i18nextOpts.getRouteNamespaces(context as any)
+	const ns = i18nextOpts.getRouteNamespaces(context)
 
 	await instance
 		.use(initReactI18next) // Tell our instance to use react-i18next

app/env.server.ts

@@ -1,4 +1,4 @@
-import { z } from "zod"
+import { z } from "zod/v4"
 
 const envSchema = z.object({
 	NODE_ENV: z.enum(["development", "production", "test"]).default("development"),
@@ -13,7 +13,7 @@ let env: ServerEnv
  * @returns Initialized env vars
  */
 function initEnv() {
-	// biome-ignore lint/nursery/noProcessEnv: This should be the only place to use process.env directly
+	// biome-ignore lint/style/noProcessEnv: This should be the only place to use process.env directly
 	const envData = envSchema.safeParse(process.env)
 
 	if (!envData.success) {

app/library/link/Link.browser.test.tsx

@@ -3,6 +3,7 @@ import { userEvent } from "@vitest/browser/context"
 import { useLocation } from "react-router"
 import type { StubRouteEntry } from "tests/setup.browser"
 import { Link, type LinkProps } from "./link"
+
 const getEntries: (linkProps?: LinkProps) => StubRouteEntry[] = (linkProps) => [
 	{
 		path: "/first",

app/library/link/useEnhancedTo.ts

@@ -31,11 +31,15 @@ export const useEnhancedTo = ({
 	language,
 	to,
 	keepSearchParams,
-}: { language?: Language; to: To; keepSearchParams?: boolean }) => {
+}: {
+	language?: Language
+	to: To
+	keepSearchParams?: boolean
+}) => {
 	const [params] = useSearchParams()
 	const { lng, ...searchParams } = Object.fromEntries(params.entries())
 	// allow language override for language switcher or manually setting the language in specific cases
-	const lang = language ?? params.get("lng")
+	const lang = language ?? lng
 	const newSearchParams = new URLSearchParams(searchParams)
 	const searchString = newSearchParams.toString()
 	const hasSearchParams = searchString.length > 0

app/localization/resource.ts

@@ -5,7 +5,7 @@ const languages = ["en", "bs"] as const
 export const supportedLanguages = [...languages]
 export type Language = (typeof languages)[number]
 
-type Resource = {
+export type Resource = {
 	common: typeof english
 }
 

app/root.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from "react-i18next"
-import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse, useRouteError } from "react-router"
 import type { LinksFunction } from "react-router"
+import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteError } from "react-router"
 import { useChangeLanguage } from "remix-i18next/react"
 import type { Route } from "./+types/root"
 import { LanguageSwitcher } from "./library/language-switcher"

app/routes/resource.locales.ts

@@ -1,25 +1,17 @@
 import { cacheHeader } from "pretty-cache-header"
-import { z } from "zod"
-import { resources } from "~/localization/resource"
+import { z } from "zod/v4"
+import { type Language, type Namespace, resources } from "~/localization/resource"
 import type { Route } from "./+types/resource.locales"
 
 export async function loader({ request, context }: Route.LoaderArgs) {
 	const { isProductionDeployment } = context
 	const url = new URL(request.url)
 
-	const lng = z
-		.string()
-		.refine((lng): lng is keyof typeof resources => Object.keys(resources).includes(lng))
-		.parse(url.searchParams.get("lng"))
+	const lng = z.enum(Object.keys(resources) as Language[]).parse(url.searchParams.get("lng"))
 
 	const namespaces = resources[lng]
 
-	const ns = z
-		.string()
-		.refine((ns): ns is keyof typeof namespaces => {
-			return Object.keys(resources[lng]).includes(ns)
-		})
-		.parse(url.searchParams.get("ns"))
+	const ns = z.enum(Object.keys(resources[lng]) as Namespace[]).parse(url.searchParams.get("ns"))
 
 	const headers = new Headers()
 

app/routes/sitemap.$lang[.]xml.ts

@@ -5,7 +5,6 @@ import type { Route } from "./+types/sitemap.$lang[.]xml"
 export const loader = async ({ request, params }: Route.LoaderArgs) => {
 	const domain = createDomain(request)
 
-	// @ts-expect-error - This import exists but is not picked up by the typescript compiler because it's a remix internal
 	const { routes } = await import("virtual:react-router/server-build")
 
 	const sitemap = await generateRemixSitemap({

app/tailwind.css

@@ -1,5 +1,5 @@
 @import "tailwindcss";
-
+/** biome-ignore lint/nursery/noUnknownAtRule: This is a rule for the Tailwind CSS file */
 @theme {
 	/* Your theme styles go here */
 	--animate-float: float 3s ease-in-out infinite;

biome.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
 	"files": {
-		"ignore": ["app/library/icon/**/*"]
+		"includes": ["**", "!**/app/library/icon/**/*"]
 	},
 	"vcs": {
 		"enabled": true,
@@ -13,9 +13,7 @@
 		"enabled": true,
 		"lineWidth": 120
 	},
-	"organizeImports": {
-		"enabled": true
-	},
+	"assist": { "actions": { "source": { "organizeImports": "on" } } },
 	"linter": {
 		"enabled": true,
 		"rules": {
@@ -25,7 +23,18 @@
 				"noConsole": "error"
 			},
 			"style": {
-				"recommended": true
+				"recommended": true,
+				"noParameterAssign": "error",
+				"useAsConstAssertion": "error",
+				"useDefaultParameterLast": "error",
+				"useEnumInitializers": "error",
+				"useSelfClosingElements": "error",
+				"useSingleVarDeclarator": "error",
+				"noUnusedTemplateLiteral": "error",
+				"useNumberNamespace": "error",
+				"noInferrableTypes": "error",
+				"noUselessElse": "error",
+				"noProcessEnv": "error"
 			},
 			"complexity": {
 				"recommended": true
@@ -48,7 +57,6 @@
 			},
 			"nursery": {
 				"recommended": true,
-				"noProcessEnv": "error",
 				"useSortedClasses": {
 					"level": "error",
 					"fix": "safe",