I18n improvements (#40)

Fixes #

# Description

Please include a summary of the change and which issue is fixed. Please
also include relevant motivation and context.
List any dependencies that are required for this change.

## Type of change

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

- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] 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/env.server.ts

@@ -12,7 +12,7 @@ let env: ServerEnv
  * Initializes and parses given environment variables using zod
  * @returns Initialized env vars
  */
-export function initEnv() {
+function initEnv() {
 	// biome-ignore lint/nursery/noProcessEnv: This should be the only place to use process.env directly
 	const envData = envSchema.safeParse(process.env)
 

app/localization/i18n.ts

@@ -1,3 +1,4 @@
+import type { InitOptions } from "i18next"
 import { supportedLanguages } from "./resource"
 
 export default {
@@ -8,4 +9,4 @@ export default {
 	fallbackLng: "en",
 	// The default namespace of i18next is "translation", but you can customize it here
 	defaultNS: "common",
-}
+} satisfies Omit<InitOptions, "react" | "detection">

app/localization/resource.ts

@@ -19,3 +19,12 @@ export const resources: Record<Language, Resource> = {
 		common: bosnian,
 	},
 }
+
+declare module "i18next" {
+	export interface CustomTypeOptions {
+		defaultNS: "common"
+		fallbackNS: "common"
+		// custom resources type
+		resources: Resource
+	}
+}

app/root.tsx

@@ -55,8 +55,24 @@ export const Layout = ({ children }: { children: React.ReactNode }) => {
 export const ErrorBoundary = () => {
 	const error = useRouteError()
 	const { t } = useTranslation()
-
-	const errorStatusCode = isRouteErrorResponse(error) ? error.status : "500"
+	// Constrain the generic type so we don't provide a non-existent key
+	const statusCode = () => {
+		if (!isRouteErrorResponse(error)) {
+			return "500"
+		}
+		// Supported error code messages
+		switch (error.status) {
+			case 200:
+				return "200"
+			case 403:
+				return "403"
+			case 404:
+				return "404"
+			default:
+				return "500"
+		}
+	}
+	const errorStatusCode = statusCode()
 
 	return (
 		<div className="placeholder-index relative h-full min-h-screen w-screen flex items-center bg-gradient-to-b from-gray-50 to-gray-100 dark:from-blue-950 dark:to-blue-900 justify-center dark:bg-white sm:pb-16 sm:pt-8">

app/utils/dates.test.ts

@@ -1,6 +1,6 @@
 import { getTimeZone } from "../services/client-hints"
 
-export function convertTz(date: string | Date, tzString: string) {
+function convertTz(date: string | Date, tzString: string) {
 	const dateToConvert = typeof date === "string" ? new Date(date) : date
 	// Convert to the target timezone
 	const convertedDate = new Date(dateToConvert.toLocaleString("en-US", { timeZone: tzString }))