feat: popup schedule select (#126)

* feat: sexy arrow animation

* feat: dropdown technically works

* fix: scss clarity

* feat: beautiful dropdown

* feat: proper switching; fix: no duplicates allowed

* fix: lag using async

* style: schedule options

* fix: can select same schedule again

* fix: annoying build error

src/views/styles/popupMain.module.scss

@@ -0,0 +1,28 @@
+.arrow {
+    margin-left: auto; // Pushes the arrow to the right
+    display: inline-block;
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 5px solid orange; // Use your desired color for the arrow
+    transition: transform 0.3s ease; // smooth transition for rotation
+}
+
+.expanded {
+    transform: rotate(180deg);
+}
+
+.scheduleItem {
+    border: 1px solid #ccc; /* Example border */
+    margin: 8px 0; /* Increased spacing */
+    padding: 10px; /* Inner spacing */
+    border-radius: 4px; /* Rounded corners */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
+    background-color: #fff; /* Ensure background contrast */
+    cursor: pointer;
+
+    &:hover {
+        background-color: #f9f9f9; /* Hover effect */
+    }
+}