Initial deploy

components/document-language-sync.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect } from "react";
+import type { Language } from "@/data/portfolio";
+
+type DocumentLanguageSyncProps = {
+  language: Language;
+  dir: "ltr" | "rtl";
+};
+
+export function DocumentLanguageSync({
+  language,
+  dir,
+}: DocumentLanguageSyncProps) {
+  useEffect(() => {
+    document.documentElement.lang = language;
+    document.documentElement.dir = dir;
+  }, [dir, language]);
+
+  return null;
+}