diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4bab404..7ecc9ef 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -2,8 +2,7 @@
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit",
-    "source.organizeImports": "explicit"
+    "source.fixAll": "explicit"
   },
   "eslint.workingDirectories": [
     {
diff --git a/apps/admin/.eslintrc.cjs b/apps/admin/.eslintrc.js
similarity index 100%
rename from apps/admin/.eslintrc.cjs
rename to apps/admin/.eslintrc.js
diff --git a/apps/admin/package.json b/apps/admin/package.json
index 37f6cc1..01833c7 100644
--- a/apps/admin/package.json
+++ b/apps/admin/package.json
@@ -12,7 +12,7 @@
     "lint:fix": "pnpm lint --fix"
   },
   "dependencies": {
-    "@nextui-org/react": "^2.1.13",
+    "@nextui-org/react": "^2.4.1",
     "@nextui-org/system": "^2.0.10",
     "@nextui-org/theme": "^2.1.9",
     "@prisma/nextjs-monorepo-workaround-plugin": "^5.13.0",
@@ -24,7 +24,7 @@
     "@trpc/server": "^10.43.6",
     "cross-env": "^7.0.3",
     "formik": "^2.4.5",
-    "framer-motion": "^10.16.4",
+    "framer-motion": "^10.18.0",
     "http-browserify": "^1.7.0",
     "https-browserify": "^1.0.0",
     "next": "^14.0.2",
diff --git a/apps/client/.eslintrc.js b/apps/client/.eslintrc.js
new file mode 100644
index 0000000..23d8c3e
--- /dev/null
+++ b/apps/client/.eslintrc.js
@@ -0,0 +1,10 @@
+module.exports = {
+  root: true,
+  extends: ['next', 'next/core-web-vitals', '@repo/eslint-config/next.js'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2021,
+    sourceType: 'module',
+    project: true,
+  },
+};
diff --git a/apps/client/.eslintrc.json b/apps/client/.eslintrc.json
deleted file mode 100644
index bffb357..0000000
--- a/apps/client/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}
diff --git a/apps/client/app/(components)/LocaleSwitcher.tsx b/apps/client/app/(components)/LocaleSwitcher.tsx
index a87889c..fb61d6c 100644
--- a/apps/client/app/(components)/LocaleSwitcher.tsx
+++ b/apps/client/app/(components)/LocaleSwitcher.tsx
@@ -1,16 +1,17 @@
-import { locales } from "@client/config";
-import { useLocale, useTranslations } from "next-intl";
-import LocaleSwitcherSelect from "./LocaleSwitcherSelect";
+import { locales } from '@client/config';
+import { useLocale, useTranslations } from 'next-intl';
+
+import LocaleSwitcherSelect from './LocaleSwitcherSelect';
 
 export default function LocaleSwitcher() {
-  const t = useTranslations("LocaleSwitcher");
+  const t = useTranslations('LocaleSwitcher');
   const locale = useLocale();
 
   return (
-    <LocaleSwitcherSelect defaultValue={locale} label={t("label")}>
+    <LocaleSwitcherSelect defaultValue={locale} label={t('label')}>
       {locales.map((cur) => (
         <option key={cur} value={cur}>
-          {t("locale", { locale: cur })}
+          {t('locale', { locale: cur })}
         </option>
       ))}
     </LocaleSwitcherSelect>
diff --git a/apps/client/app/(components)/LocaleSwitcherSelect.tsx b/apps/client/app/(components)/LocaleSwitcherSelect.tsx
index c31b99d..c09b6ee 100644
--- a/apps/client/app/(components)/LocaleSwitcherSelect.tsx
+++ b/apps/client/app/(components)/LocaleSwitcherSelect.tsx
@@ -1,8 +1,9 @@
-"use client";
+'use client';
 
-import { usePathname, useRouter } from "@client/navigation";
-import clsx from "clsx";
-import { ChangeEvent, ReactNode, useTransition } from "react";
+import { usePathname, useRouter } from '@client/navigation';
+import clsx from 'clsx';
+import type { ChangeEvent, ReactNode } from 'react';
+import { useTransition } from 'react';
 
 type Props = {
   children: ReactNode;
@@ -29,8 +30,8 @@ export default function LocaleSwitcherSelect({
   return (
     <label
       className={clsx(
-        "relative text-black dark:text-white",
-        isPending && "transition-opacity [&:disabled]:opacity-30"
+        'relative text-black dark:text-white',
+        isPending && 'transition-opacity [&:disabled]:opacity-30',
       )}
     >
       <p className="sr-only">{label}</p>
diff --git a/apps/client/app/(components)/ThemeToggle.tsx b/apps/client/app/(components)/ThemeToggle.tsx
index cb6a026..72b1042 100644
--- a/apps/client/app/(components)/ThemeToggle.tsx
+++ b/apps/client/app/(components)/ThemeToggle.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import { Switch } from "@nextui-org/react";
-import { useEffect, useState } from "react";
+import { Switch } from '@nextui-org/react';
+import { useEffect, useState } from 'react';
 
-type Theme = "light" | "dark";
+type Theme = 'light' | 'dark';
 
 export const MoonIcon = (props: any) => (
   <svg
@@ -45,12 +45,12 @@ function ThemeToggle({ initialValue }: { initialValue: Theme }) {
   useEffect(() => {
     if (theme) {
       document.cookie = `theme=${theme};path=/;`;
-      document.querySelector("html")?.classList.toggle("dark");
+      document.querySelector('html')?.classList.toggle('dark');
     } else {
       setTheme(
-        window.matchMedia("(prefers-color-scheme: dark)").matches
-          ? "dark"
-          : "light"
+        window.matchMedia('(prefers-color-scheme: dark)').matches
+          ? 'dark'
+          : 'light',
       );
     }
   }, [theme]);
@@ -61,7 +61,7 @@ function ThemeToggle({ initialValue }: { initialValue: Theme }) {
       size="lg"
       color="success"
       onClick={() => {
-        setTheme(theme === "dark" ? "light" : "dark");
+        setTheme(theme === 'dark' ? 'light' : 'dark');
       }}
       startContent={<SunIcon />}
       endContent={<MoonIcon />}
diff --git a/apps/client/app/(utils)/trpc/Provider.tsx b/apps/client/app/(utils)/trpc/Provider.tsx
index ed0d6c6..5bcf35d 100644
--- a/apps/client/app/(utils)/trpc/Provider.tsx
+++ b/apps/client/app/(utils)/trpc/Provider.tsx
@@ -1,7 +1,9 @@
 'use client';
+
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { httpBatchLink } from '@trpc/client';
 import React, { useState } from 'react';
+
 import { SERVER_TRPC_URL } from '../../(lib)/constants';
 import { trpc } from './client';
 
diff --git a/apps/client/app/(utils)/trpc/client.ts b/apps/client/app/(utils)/trpc/client.ts
index 286b438..9955c42 100644
--- a/apps/client/app/(utils)/trpc/client.ts
+++ b/apps/client/app/(utils)/trpc/client.ts
@@ -1,5 +1,4 @@
-import { createTRPCReact } from "@trpc/react-query";
-
-import type { AppRouter } from "@server/domain/trpc/trpc.router";
+import type { AppRouter } from '@server/domain/trpc/trpc.router';
+import { createTRPCReact } from '@trpc/react-query';
 
 export const trpc = createTRPCReact<AppRouter>({});
diff --git a/apps/client/app/[locale]/[...rest]/page.tsx b/apps/client/app/[locale]/[...rest]/page.tsx
index 2dc2960..71d4050 100644
--- a/apps/client/app/[locale]/[...rest]/page.tsx
+++ b/apps/client/app/[locale]/[...rest]/page.tsx
@@ -1,4 +1,4 @@
-import { notFound } from "next/navigation";
+import { notFound } from 'next/navigation';
 
 export default function CatchAllPage() {
   notFound();
diff --git a/apps/client/app/[locale]/error.tsx b/apps/client/app/[locale]/error.tsx
index 4d9970f..4367dc7 100644
--- a/apps/client/app/[locale]/error.tsx
+++ b/apps/client/app/[locale]/error.tsx
@@ -1,7 +1,7 @@
-"use client";
+'use client';
 
-import { useTranslations } from "next-intl";
-import { useEffect } from "react";
+import { useTranslations } from 'next-intl';
+import { useEffect } from 'react';
 
 type Props = {
   error: Error;
@@ -9,7 +9,7 @@ type Props = {
 };
 
 export default function Error({ error, reset }: Props) {
-  const t = useTranslations("Error");
+  const t = useTranslations('Error');
 
   useEffect(() => {
     console.error(error);
@@ -17,7 +17,7 @@ export default function Error({ error, reset }: Props) {
 
   return (
     <div>
-      {t.rich("description", {
+      {t.rich('description', {
         p: (chunks) => <p className="mt-4">{chunks}</p>,
         retry: (chunks) => (
           <button
diff --git a/apps/client/app/[locale]/layout.tsx b/apps/client/app/[locale]/layout.tsx
index c494f95..0fc38e9 100644
--- a/apps/client/app/[locale]/layout.tsx
+++ b/apps/client/app/[locale]/layout.tsx
@@ -1,11 +1,15 @@
-import { locales } from "@client/config";
-import clsx from "clsx";
-import { getTranslations, unstable_setRequestLocale } from "next-intl/server";
-import { Inter } from "next/font/google";
-import { notFound } from "next/navigation";
-import { Providers } from "./providers";
+import { locales } from '@client/config';
+import clsx from 'clsx';
+import { Inter } from 'next/font/google';
+import { notFound } from 'next/navigation';
+import {
+  getTranslations,
+  unstable_setRequestLocale as setRequestLocale,
+} from 'next-intl/server';
 
-const inter = Inter({ subsets: ["latin"] });
+import { Providers } from './providers';
+
+const inter = Inter({ subsets: ['latin'] });
 
 type Props = {
   children: React.ReactNode;
@@ -18,11 +22,11 @@ export function generateStaticParams() {
 
 export async function generateMetadata({
   params: { locale },
-}: Omit<Props, "children">) {
-  const t = await getTranslations({ locale, namespace: "LocaleLayout" });
+}: Omit<Props, 'children'>) {
+  const t = await getTranslations({ locale, namespace: 'LocaleLayout' });
 
   return {
-    title: t("title"),
+    title: t('title'),
   };
 }
 
@@ -30,11 +34,11 @@ export default function LocaleLayout({ children, params: { locale } }: Props) {
   if (!locales.includes(locale as any)) notFound();
 
   // Enable static rendering
-  unstable_setRequestLocale(locale);
+  setRequestLocale(locale);
 
   return (
     <html lang={locale} className="light">
-      <body className={clsx(inter.className, "flex h-full flex-col")}>
+      <body className={clsx(inter.className, 'flex h-full flex-col')}>
         <Providers>{children}</Providers>
       </body>
     </html>
diff --git a/apps/client/app/[locale]/not-found.tsx b/apps/client/app/[locale]/not-found.tsx
index fbe640f..9380c05 100644
--- a/apps/client/app/[locale]/not-found.tsx
+++ b/apps/client/app/[locale]/not-found.tsx
@@ -1,10 +1,10 @@
-import { useTranslations } from "next-intl";
+import { useTranslations } from 'next-intl';
 
 // Note that `app/[locale]/[...rest]/page.tsx`
 // is necessary for this page to render.
 
 export default function NotFoundPage() {
-  const t = useTranslations("NotFoundPage");
+  const t = useTranslations('NotFoundPage');
 
-  return <p className="max-w-[460px]">{t("description")}</p>;
+  return <p className="max-w-[460px]">{t('description')}</p>;
 }
diff --git a/apps/client/app/[locale]/page.tsx b/apps/client/app/[locale]/page.tsx
index 6a1f935..e51cd93 100644
--- a/apps/client/app/[locale]/page.tsx
+++ b/apps/client/app/[locale]/page.tsx
@@ -1,48 +1,52 @@
-import { locales } from "@client/config";
-import { getTranslations, unstable_setRequestLocale } from "next-intl/server";
-import { cookies } from "next/headers";
-import Image from "next/image";
-import { notFound } from "next/navigation";
-import LocaleSwitcher from "../(components)/LocaleSwitcher";
-import ThemeToggle from "../(components)/ThemeToggle";
-import TrpcExample from "../(components)/TrpcExample";
-import { serverClient } from "../(utils)/trpc/serverClient";
+import { locales } from '@client/config';
+import { cookies } from 'next/headers';
+import Image from 'next/image';
+import { notFound } from 'next/navigation';
+import {
+  getTranslations,
+  unstable_setRequestLocale as setRequestLocale,
+} from 'next-intl/server';
+
+import LocaleSwitcher from '../(components)/LocaleSwitcher';
+import ThemeToggle from '../(components)/ThemeToggle';
+import TrpcExample from '../(components)/TrpcExample';
+import { serverClient } from '../(utils)/trpc/serverClient';
 
 type Props = {
   params: { locale: string };
 };
 
-export const dynamic = "force-dynamic";
+export const dynamic = 'force-dynamic';
 
 export default async function Home({ params: { locale } }: Props) {
   const exampleTrpcData = await serverClient.example.getAll();
   const cookieStore = cookies();
-  const theme = cookieStore.get("theme");
-  const t = await getTranslations("IndexPage");
+  const theme = cookieStore.get('theme');
+  const t = await getTranslations('IndexPage');
   const isValidLocale = locales.some((cur) => cur === locale);
   if (!isValidLocale) notFound();
   // Enable static rendering
-  unstable_setRequestLocale(locale);
+  setRequestLocale(locale);
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24 bg-slate-200 dark:bg-slate-700">
-      <div className="max-w-5xl flex">
-        <ThemeToggle initialValue={theme?.value as "light" | "dark"} />
+    <main className="flex min-h-screen flex-col items-center justify-between bg-slate-200 p-24 dark:bg-slate-700">
+      <div className="flex max-w-5xl">
+        <ThemeToggle initialValue={theme?.value as 'light' | 'dark'} />
         <LocaleSwitcher />
       </div>
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="text-black fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-300 lg:p-4">
+      <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
+        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 text-black backdrop-blur-2xl lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-300 lg:p-4">
           Get started by editing&nbsp;
           <code className="font-mono font-bold">app/page.tsx</code>
         </p>
-        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white lg:static lg:h-auto lg:w-auto lg:bg-none">
+        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white lg:static lg:size-auto lg:bg-none">
           <a
-            className="pointer-events-none text-black dark:text-white flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
+            className="pointer-events-none flex place-items-center gap-2 p-8 text-black dark:text-white lg:pointer-events-auto lg:p-0"
             href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
             target="_blank"
             rel="noopener noreferrer"
           >
-            By{" "}
+            By{' '}
             <Image
               src="/vercel.svg"
               alt="Vercel Logo"
@@ -55,7 +59,7 @@ export default async function Home({ params: { locale } }: Props) {
         </div>
       </div>
 
-      <div className="relative flex gap-x-10 place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-slate-500 before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-0">
+      <div className="relative z-0 flex place-items-center gap-x-10 before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-slate-500 before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px]">
         <Image
           className="relative drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
           src="/next.svg"
@@ -68,81 +72,81 @@ export default async function Home({ params: { locale } }: Props) {
 
       <div>
         <h2 className="text-2xl text-slate-700 dark:text-slate-50">
-          {t.rich("title", { code: (chunks) => <code>{chunks}</code> })}
+          {t.rich('title', { code: (chunks) => <code>{chunks}</code> })}
         </h2>
         <p className="text-sm text-slate-700 dark:text-slate-50">
-          {" "}
-          {t.rich("description", {
+          {' '}
+          {t.rich('description', {
             code: (chunks) => <code className="font-mono">{chunks}</code>,
           })}
         </p>
       </div>
 
-      <div className="mb-32 grid gap-3 text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left z-10">
+      <div className="z-10 mb-32 grid gap-3 text-center lg:mb-0 lg:w-full lg:max-w-5xl lg:grid-cols-4 lg:text-left">
         <a
           href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors text-slate-700 dark:text-slate-50 hover:text-black hover:border-gray-300 hover:bg-gray-100 hover:dark:text-white hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          className="group rounded-lg border border-transparent px-5 py-4 text-slate-700 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:text-black dark:text-slate-50 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30 hover:dark:text-white"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Docs{" "}
+          <h2 className="mb-3 text-2xl font-semibold">
+            Docs{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className="m-0 max-w-[30ch] text-sm opacity-50">
             Find in-depth information about Next.js features and API.
           </p>
         </a>
 
         <a
           href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors text-slate-700 dark:text-slate-50 hover:text-black hover:border-gray-300 hover:bg-gray-100 hover:dark:text-white hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          className="group rounded-lg border border-transparent px-5 py-4 text-slate-700 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:text-black dark:text-slate-50 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30 hover:dark:text-white"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Learn{" "}
+          <h2 className="mb-3 text-2xl font-semibold">
+            Learn{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className="m-0 max-w-[30ch] text-sm opacity-50">
             Learn about Next.js in an interactive course with&nbsp;quizzes!
           </p>
         </a>
 
         <a
           href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors text-slate-700 dark:text-slate-50 hover:text-black hover:border-gray-300 hover:bg-gray-100 hover:dark:text-white hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          className="group rounded-lg border border-transparent px-5 py-4 text-slate-700 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:text-black dark:text-slate-50 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30 hover:dark:text-white"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Templates{" "}
+          <h2 className="mb-3 text-2xl font-semibold">
+            Templates{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className="m-0 max-w-[30ch] text-sm opacity-50">
             Explore the Next.js 13 playground.
           </p>
         </a>
 
         <a
           href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors text-slate-700 dark:text-slate-50 hover:text-black hover:border-gray-300 hover:bg-gray-100 hover:dark:text-white hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+          className="group rounded-lg border border-transparent px-5 py-4 text-slate-700 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:text-black dark:text-slate-50 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30 hover:dark:text-white"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Deploy{" "}
+          <h2 className="mb-3 text-2xl font-semibold">
+            Deploy{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className="m-0 max-w-[30ch] text-sm opacity-50">
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>
diff --git a/apps/client/app/[locale]/providers.tsx b/apps/client/app/[locale]/providers.tsx
index 9574f05..21733ce 100644
--- a/apps/client/app/[locale]/providers.tsx
+++ b/apps/client/app/[locale]/providers.tsx
@@ -1,8 +1,9 @@
-"use client";
+'use client';
 
-import { NextUIProvider } from "@nextui-org/react";
-import * as React from "react";
-import { TrpcProvider } from "../(utils)/trpc/Provider";
+import { NextUIProvider } from '@nextui-org/react';
+import * as React from 'react';
+
+import { TrpcProvider } from '../(utils)/trpc/Provider';
 
 export async function Providers({ children }: { children: React.ReactNode }) {
   return (
diff --git a/apps/client/app/layout.tsx b/apps/client/app/layout.tsx
index 86bcd5e..b75c398 100644
--- a/apps/client/app/layout.tsx
+++ b/apps/client/app/layout.tsx
@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-import "./styles.css";
+import './styles.css';
+
+import type { ReactNode } from 'react';
 
 type Props = {
   children: ReactNode;
diff --git a/apps/client/app/not-found.tsx b/apps/client/app/not-found.tsx
index 0b3e4f6..ed4705c 100644
--- a/apps/client/app/not-found.tsx
+++ b/apps/client/app/not-found.tsx
@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import Error from "next/error";
+import Error from 'next/error';
 
 // Render the default Next.js 404 page when a route
 // is requested that doesn't match the middleware and
diff --git a/apps/client/app/page.tsx b/apps/client/app/page.tsx
index 089107b..d82c1da 100644
--- a/apps/client/app/page.tsx
+++ b/apps/client/app/page.tsx
@@ -1,6 +1,6 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation';
 
 // This page only renders when the app is built statically (output: 'export')
 export default function RootPage() {
-  redirect("/en");
+  redirect('/en');
 }
diff --git a/apps/client/config.ts b/apps/client/config.ts
index b1d3b96..e94c3c2 100644
--- a/apps/client/config.ts
+++ b/apps/client/config.ts
@@ -1,12 +1,12 @@
-import { Pathnames } from "next-intl/navigation";
+import type { Pathnames } from 'next-intl/navigation';
 
-export const locales = ["en", "de"] as const;
+export const locales = ['en', 'de'] as const;
 
 export const pathnames = {
-  "/": "/",
-  "/pathnames": {
-    en: "/pathnames",
-    de: "/pfadnamen",
+  '/': '/',
+  '/pathnames': {
+    en: '/pathnames',
+    de: '/pfadnamen',
   },
 } satisfies Pathnames<typeof locales>;
 
diff --git a/apps/client/i18n.ts b/apps/client/i18n.ts
index d01a65d..a9bfa6b 100644
--- a/apps/client/i18n.ts
+++ b/apps/client/i18n.ts
@@ -1,4 +1,4 @@
-import { getRequestConfig } from "next-intl/server";
+import { getRequestConfig } from 'next-intl/server';
 
 export default getRequestConfig(async ({ locale }) => ({
   messages: (await import(`./directories/${locale}.json`)).default,
diff --git a/apps/client/middleware.ts b/apps/client/middleware.ts
index 1ec766e..5b5255f 100644
--- a/apps/client/middleware.ts
+++ b/apps/client/middleware.ts
@@ -1,8 +1,9 @@
-import createMiddleware from "next-intl/middleware";
-import { localePrefix, locales, pathnames } from "./config";
+import createMiddleware from 'next-intl/middleware';
+
+import { localePrefix, locales, pathnames } from './config';
 
 export default createMiddleware({
-  defaultLocale: "en",
+  defaultLocale: 'en',
   locales,
   pathnames,
   localePrefix,
@@ -10,5 +11,5 @@ export default createMiddleware({
 
 export const config = {
   // Match only internationalized pathnames
-  matcher: ["/", "/(de|en)/:path*"],
+  matcher: ['/', '/(de|en)/:path*'],
 };
diff --git a/apps/client/navigation.ts b/apps/client/navigation.ts
index d39854c..9ca21fd 100644
--- a/apps/client/navigation.ts
+++ b/apps/client/navigation.ts
@@ -1,5 +1,6 @@
-import { createLocalizedPathnamesNavigation } from "next-intl/navigation";
-import { localePrefix, locales, pathnames } from "./config";
+import { createLocalizedPathnamesNavigation } from 'next-intl/navigation';
+
+import { localePrefix, locales, pathnames } from './config';
 
 export const { Link, redirect, usePathname, useRouter } =
   createLocalizedPathnamesNavigation({
diff --git a/apps/client/next.config.js b/apps/client/next.config.js
index 449ab23..c762d86 100644
--- a/apps/client/next.config.js
+++ b/apps/client/next.config.js
@@ -1,4 +1,5 @@
 /** @type {import('next').NextConfig} */
+/* eslint @typescript-eslint/no-var-requires: "off" */
 const withNextIntl = require('next-intl/plugin')();
 const { PrismaPlugin } = require('@prisma/nextjs-monorepo-workaround-plugin');
 
diff --git a/apps/client/postcss.config.js b/apps/client/postcss.config.js
index 33ad091..12a703d 100644
--- a/apps/client/postcss.config.js
+++ b/apps/client/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/apps/client/tailwind.config.ts b/apps/client/tailwind.config.ts
index 83673cf..7c614b5 100644
--- a/apps/client/tailwind.config.ts
+++ b/apps/client/tailwind.config.ts
@@ -1,23 +1,23 @@
-import { nextui } from "@nextui-org/react";
-import type { Config } from "tailwindcss";
+import { nextui } from '@nextui-org/react';
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
     extend: {
       backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'gradient-conic':
+          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
     },
   },
-  darkMode: "class",
+  darkMode: 'class',
   plugins: [
     nextui({
       themes: {
diff --git a/apps/client/tsconfig.json b/apps/client/tsconfig.json
index 20c62d7..a7a9000 100644
--- a/apps/client/tsconfig.json
+++ b/apps/client/tsconfig.json
@@ -1,23 +1,52 @@
 {
-  "extends": "../../tsconfig.json", // Extend the config options from the root,
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
+    "removeComments": true,
+    "preserveConstEnums": true,
+    "strictPropertyInitialization": false,
+    "strict": true,
+    "alwaysStrict": true,
+    "strictNullChecks": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "allowUnreachableCode": false,
+    "noFallthroughCasesInSwitch": true,
+    "target": "es2017",
+    "outDir": "out",
+    "declaration": false,
+    "sourceMap": true,
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
     "jsx": "preserve",
+    "noEmit": true,
+    "isolatedModules": true,
+    "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "exclude": ["./out/**/*", "./node_modules/**/*"],
+  "include": [
+    "next-env.d.ts",
+    "next.config.js",
+    "postcss.config.js",
+    "types/**/*.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ]
 }
diff --git a/apps/server/package.json b/apps/server/package.json
index cde4dc6..ccf63c3 100644
--- a/apps/server/package.json
+++ b/apps/server/package.json
@@ -3,7 +3,6 @@
   "version": "0.1.0",
   "description": "Server based on Nestjs, tRPC, Prisma, MongoDB",
   "private": true,
-  "license": "UNLICENSED",
   "scripts": {
     "db:generate": "pnpx prisma generate",
     "db:push": "pnpx prisma db push",
diff --git a/packages/eslint-config/next.js b/packages/eslint-config/next.js
index aa4b132..249082f 100644
--- a/packages/eslint-config/next.js
+++ b/packages/eslint-config/next.js
@@ -50,7 +50,6 @@ module.exports = {
       extends: [
         'plugin:tailwindcss/recommended',
         'airbnb',
-        'next/core-web-vitals',
         'plugin:prettier/recommended',
       ],
       parserOptions: {
@@ -66,6 +65,10 @@ module.exports = {
             endOfLine: 'auto',
           },
         ],
+        'react/no-unstable-nested-components': [
+          'off' | 'warn' | 'error',
+          { allowAsProps: true | false },
+        ],
         'react/function-component-definition': 'off', // Disable Airbnb's specific function type
         'react/destructuring-assignment': 'off', // Vscode doesn't support automatically destructuring, it's a pain to add a new variable
         'react/require-default-props': 'off', // Allow non-defined react props as undefined