Merge branch 'main' into alexa-auth-frontend

frontend/src/App.tsx

@@ -7,9 +7,8 @@ export default function App() {
   return (
     <>
       <Navbar />
-      <h1>PeerNotes</h1>
-      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
-      <img 
+      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' , gap: 15}}>
+      <img
         src="/PeerNotes.png" 
         alt="PeerNotes Logo" 
         style={{ 

frontend/src/components/MainSearch.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../screens/MainScreenWrapper.css';
+import '../styles/MainScreenWrapper.css';
 
 const MainSearch: React.FC = () => {
   return (

frontend/src/styles/MainScreenWrapper.css

@@ -28,12 +28,16 @@ html, body {
     font-weight: bold;
   }
   
-  select {
+  .filter-item > select {
     padding: 8px;
     border: 1px solid #2E8BC0;
     border-radius: 4px;
-    width: 100%; /* fill the container width */
-  }
+    width: 100%;
+}
+
+.filter-item {
+    width: 100%;
+}
 
   .submit-button {
     padding: 8px 16px;