feat/sidebar-skeleton: added sidebar skeleton

app/[lang]/(live)/(protected)/my-pages/layout.tsx

@@ -1,7 +1,7 @@
 import { Suspense } from "react"
 
-import LoadingSpinner from "@/components/LoadingSpinner"
 import Sidebar from "@/components/MyPages/Sidebar"
+import SidebarSkeleton from "@/components/MyPages/Sidebar/SidebarSkeleton"
 import Surprises from "@/components/MyPages/Surprises"
 
 import styles from "./layout.module.css"
@@ -17,7 +17,7 @@ export default async function MyPagesLayout({
       <section className={styles.layout}>
         {breadcrumbs}
         <section className={styles.content}>
-          <Suspense fallback={<LoadingSpinner />}>
+          <Suspense fallback={<SidebarSkeleton />}>
             <Sidebar />
           </Suspense>
           {children}