Add further responsive UI using uiKit (#36)

Utilising [UiKit](https://getuikit.com/) as the CSS framework

Adjusted existing functionality & CSS to integrate with UiKits - should
retain same functionality

- Ui colors are UiKit defaults
- Search results automatically expand when searching
- UiKit ensures its automatically responsive for mobile

### **Search results**

![image](https://github.com/user-attachments/assets/7103b542-9eba-4b56-a730-4165a93ae099)

### **Details dialog**

![image](https://github.com/user-attachments/assets/ff5a69c3-522a-40f0-b04d-9c1e4a2c34fb)

![image](https://github.com/user-attachments/assets/a194ff25-e3da-40b3-a5f9-48a483036491)

**- The dialog could be improved further by adjusting to a modal in
UiKit purely, however wasn't sure on how to do / time reqs.**

### **Search Results & Download Status are in expandable accordions**

![image](https://github.com/user-attachments/assets/2b4f25c4-4c8b-4bde-8861-833399af7d1a)

![image](https://github.com/user-attachments/assets/3ac0447b-7843-4750-9859-94a79fa65f9a)


### **Adjusted search to UiKits with clickable search icon**

![image](https://github.com/user-attachments/assets/8b331063-1045-4759-b05c-64a2e1a738ea)

### **Added gitHub link to footer and increased font sizing**

![image](https://github.com/user-attachments/assets/c9822fd3-3b31-4bbd-bb24-c2272c6af5e3)

### **Mobile views (Chrome on Desktop) - scales & retains scroll**

![image](https://github.com/user-attachments/assets/fb598d07-e6c5-4ab2-ae86-782aa74853a8)

![image](https://github.com/user-attachments/assets/fb04fb6b-be54-4309-a5ba-9636b8691593)

![image](https://github.com/user-attachments/assets/66b0b326-83d1-4131-8d3a-66bf111ca2ad)

### **TODO:**

- Improvements to modal functionality
- Pagination
- Cleaning (removing unused CSS etc)

static/css/styles.css

@@ -33,12 +33,6 @@ header {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-main {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 1rem;
-}
-
 footer {
     text-align: center;
     padding: 1rem;
@@ -73,27 +67,6 @@ footer {
     outline: none;
 }
 
-.search-container button,
-.download-button {
-    padding: 0.75rem 1.5rem;
-    background: var(--primary-color);
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 1rem;
-    transition: background-color 0.3s ease;
-}
-
-.download-button {
-    width: 100%;
-}
-
-.search-container button:hover,
-.download-button:hover {
-    background: var(--primary-dark);
-}
-
 /* Table Styles */
 .table-responsive {
     margin-bottom: 1rem;
@@ -214,7 +187,7 @@ tbody tr:hover {
 
 .details-container {
     background: white;
-    padding: 2rem;
+    padding: 0.25rem 0.25rem 2rem 3rem;
     border-radius: 4px;
     max-width: 800px;
     width: 90%;