دقیقا مشکلی که داشتید رو متوجه نشدم که چی هست ولی چیزی که حدس زدم این بود که نمیتونستی به درستی صفحات اصلی رو معرفی بکنی

که زیر رو چک بکن ببین مشکلت حل میشه یا نه! اگر نشد اعلام بکن که مشکل چی بوده که بیشتر بررسی بشه

این کد بر مبنای ورژن ۶ هست برای این مورد بیشتر فکر کرد و کد بهتری هم نوشت و بر مبنای کدهای خودت یک اصلاحاتی رو انجام دادم

به جای اسم Main بهتره که از Layout یا اسم‌های مشابه استفاده بکنی که دقیقا مشخص بشه هدف این کامپوننت چی هست

<Routes>
  <Route path="/" element={<Main />} >
      <Route path="/" element={<Movies />} />
      <Route path="shows" element={<Shows />} />
      <Route path="news" element={<News />} />
  Route>
  <Route path="single/:slug" element={<SinglePage />} />
Routes>

داخل کامپوننت Main هم از Outlet استفاده میکنیم که در ورژن ۶ اضافه شده

<div className="">
  <div className="m-4">
    <Header/>
    <div className="mt-6">
        <Outlet />
    div>
  div>
  <div className="fixed bottom-0 w-full h-14  mainColor  lg:w-60 lg:left-1/3 lg:rounded-full   lg:bottom-2 ">
    <Navigation  />
  div>
div>