feat: Centred the filtering bar in the main page.

Co-Authored By: Caspar Asaam <caspar@dyn3159-95.wlan.ic.ac.uk>

src/routes/+page.svelte

@@ -58,15 +58,17 @@
 </Navbar>
 
 <main>
-    <TagFilter
+    <div class="tag-filter-container">
-        {selectedTags}
+        <TagFilter
-        {tagFilter}
+            {selectedTags}
-        {tagFilterElem}
+            {tagFilter}
-        {filteredTags}
+            {tagFilterElem}
-        {dropdownVisible}
+            {filteredTags}
-        {deleteTag}
+            {dropdownVisible}
-        {addTag}
+            {deleteTag}
-    />
+            {addTag}
+        />
+    </div>
 
     {#each filteredStudySpaces() as studySpace (studySpace.id)}
         {@const imgUrl =
@@ -100,6 +102,13 @@
         transform: rotate(45deg);
     }
 
+    .tag-filter-container {
+        grid-column: 1 / -1;
+        display: flex;
+        justify-content: center;
+        margin-bottom: 1rem;
+    }
+
     @media (max-width: 20rem) {
         main {
             grid-template-columns: 1fr;