fix: cleanup profile pages in renaming to follow naming convention

cleanup profile page html to be valid

replace old temp design system components with new ones

divider is now correctly an hr element

less section elements to be valid html

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

@@ -14,15 +14,15 @@ export default async function MyPagesLayout({
 }>) {
   return (
     <div className={styles.container}>
-      <section className={styles.layout}>
+      <div className={styles.layout}>
         {breadcrumbs}
-        <section className={styles.content}>
+        <div className={styles.content}>
           <Suspense fallback={<SidebarNavigationSkeleton />}>
             <Sidebar />
           </Suspense>
           {children}
-        </section>
-      </section>
+        </div>
+      </div>
 
       <Surprises />
     </div>

apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/page.tsx

@@ -1,6 +1,6 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import Profile from "@/components/MyPages/myprofile/profile/profile"
+import Profile from "@/components/MyPages/Profile"
 import TrackingSDK from "@/components/TrackingSDK"
 
 import type { LangParams, PageArgs } from "@/types/params"