CLASSROOMIO-T-123:Implemented the settings tab in the LMS'

CLASSROOMIO-T-123:changed the width value'

CLASSROOMIO-T-123:Deleted unused Imports and also changed the width value'

CLASSROOMIO-T-123:Implemented the settings tab in the LMS'


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>


Merge-request: CLASSROOMIO-MR-54
Merged-by: Best Admin <best@digdippa.com>

src/routes/lms/+page.svelte

@@ -16,7 +16,7 @@
   <title>Student Dashboard - ClassroomIO</title>
 </svelte:head>
 
-<section class="max-w-[1240px] gap-5 mx-auto">
+<section class="max-w-6xl gap-5 mx-auto">
   <div class="m-5">
     <h1 class="text-3xl font-semibold">Dashboard</h1>
     <div

src/routes/lms/exercises/+page.svelte

@@ -155,7 +155,7 @@
   }
 </script>
 
-<section class="max-w-[1240px] mx-auto">
+<section class="max-w-6xl mx-auto">
   <div class="m-5">
     <h1 class="text-3xl font-semibold my-4">Exercises</h1>
     <div class="flex items-center w-full">

src/routes/lms/mylearning/+page.svelte

@@ -31,7 +31,7 @@
       (currentTab = tab);
 </script>
 
-<section class="max-w-[1240px] mx-auto">
+<section class="max-w-6xl mx-auto">
   <div class="m-2 md:m-5">
     <div role="searchbox" class=" bg-gray-100 w-full md:w-[60%] lg:w-[30%]">
       <Search placeholder="Search courses" class="dark:text-black" />

src/routes/lms/settings/+page.svelte

@@ -1 +1,30 @@
-Settings Page
+<script>
+  import { page } from '$app/stores';
+  import { Tabs, Tab, TabContent } from 'carbon-components-svelte';
+  import Profile from '$lib/components/LMS/components/Profile.svelte';
+
+  let selected = 0;
+  const tabs = [
+    {
+      key: 0,
+      label: 'Profile',
+      tabKey: '',
+      href: $page.url.pathname
+    }
+  ];
+</script>
+
+<section class="max-w-6xl mx-auto">
+  <div class="m-2 md:m-5">
+    <Tabs autoWidth bind:selected>
+      {#each tabs as tab}
+        <Tab label={tab.label} href={tab.href} />
+      {/each}
+      <svelte:fragment slot="content">
+        <TabContent>
+          <Profile />
+        </TabContent>
+      </svelte:fragment>
+    </Tabs>
+  </div>
+</section>