Index: src/app/layout.tsx
===================================================================
--- src/app/layout.tsx	(revision 82c9c5395fa3ee03a1695f6a09655d574ffbc478)
+++ src/app/layout.tsx	(revision 50f2fb4b186356bc63dde83200e8b04fe71d2c7a)
@@ -1,9 +1,10 @@
-import type { Metadata } from "next";
+"use client";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { config } from '@fortawesome/fontawesome-svg-core';
+import { I18nextProvider } from 'react-i18next';
+import i18n from '../i18n';
 
-// Prevent FontAwesome from adding CSS automatically
 config.autoAddCss = false;
 
@@ -18,9 +19,4 @@
 });
 
-export const metadata: Metadata = {
-  title: "IKnow - Student Portal",
-  description: "Student portal for Ss. Cyril and Methodius University",
-};
-
 export default function RootLayout({
   children,
@@ -30,8 +26,8 @@
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <div className="mx-auto max-w-6xl px-4">{children}</div>
+      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+        <I18nextProvider i18n={i18n}>
+          <div className="mx-auto max-w-6xl px-4">{children}</div>
+        </I18nextProvider>
       </body>
     </html>
