Resolve "Clean up styling"

frontend/src/lib/components/SubjectTable.svelte

+<script lang="ts">
+	export let subjects: Enrollment[];
+	export let role: string;
+
+</script>
+
+<div class="w-4/5 overflow-x-auto shadow-md sm:rounded-lg">
+	<table class="w-full  text-left text-[#231D1A]-600 dark:text-gray-400">
+		<thead
+			class="text-base text-[#231D1A]-700 uppercase bg-fifthly dark:text-gray-400"
+		>
+			<tr>
+				<th scope="col" class="text-base px-6 py-4"> {role} </th>
+			</tr>
+		</thead>
+		<tbody>
+			{#each subjects as subject}
+				<tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
+					<td class="text-base py-3 pl-4"> <a href="/app/subjectview/{subject.course_id}">{subject.course_id}</a></td>
+				</tr>
+			{/each}
+		</tbody>
+	</table>
+</div>