مقدمة

فولدر الهبوط ما بيه بس فايل واحد والي هو ال UI مال الصفحة نفسها

// Home Folder containe
HomeView.tsx;

---

HomeView.tsx

import logo from "@/assets/logo.svg";
import useBreadcrumbs from "@/shared/hooks/useBreadcrumbs";
import useTitle from "@/shared/hooks/useTitle";
import { useEffect } from "react";
import { useTranslation } from "react-i18next";
export default function HomeView() {
  const { updateBreadcrumbs } = useBreadcrumbs();
  const { t, i18n } = useTranslation();
  useTitle(t("pages.home.title"));
  useEffect(() => {
    updateBreadcrumbs([{ label: t("pages.home.title"), link: "/home" }]);
  }, [i18n.language]);
  return (
    <div className="flex flex-col justify-center items-center h-screen px-0">
      <div className="w-full max-w-md space-y-8 px-4">
        <div className="flex justify-center items-center">
          <img src={logo} className="min-w-40" />
        </div>
        <h1 className="text-2xl sm:text-3xl font-bold text-center">
          {t("pages.home.welcomeMessage")}
        </h1>
      </div>
    </div>
  );
}

• محتوى الصفحة عبارة عن عرض للصفحة + مستخدم هنا localization للغات علمود يعرض العنوان مال الصفحة بال Bread Crumbs باللغة العربية والانكليزية
  ملاحظة : راح تلكة ملف الترجمة باللغتين العربية والانكليزي كالاتي

  //dashboard => public => locales
  ar.json;
  en.json;