updated docs

web_services/web-controllers/components/custom/header/component.tsx

@@ -0,0 +1,20 @@
+'use server';
+import { FC } from "react";
+import { HeaderProps } from "@/validations/mutual/dashboard/props";
+import LanguageSelectionComponent from "@/components/mutual/languageSelection/component";
+import { langGetKey } from "@/lib/langGet";
+
+const HeaderComponent: FC<HeaderProps> = ({ translations, lang, activePageUrl }) => {
+
+    return (
+        <div className="flex justify-between h-24 items-center p-4 border-emerald-150 border-b-2 shadow-sm backdrop-blur-sm sticky top-0 z-50 bg-emerald-50">
+            <div className="flex flex-row justify-center items-center">
+                <p className="text-2xl font-bold mx-3">{langGetKey(translations, 'selectedPage')} :</p>
+                <p className="text-lg font-bold mx-3"> {langGetKey(translations, 'page')}</p>
+            </div>
+            <LanguageSelectionComponent lang={lang} activePage={activePageUrl} />
+        </div>
+    );
+};
+
+export default HeaderComponent;