Mostly finished the button for the custom dropdown component. Just need to update the text displayed to reflect the current selection.

17th Website/package-lock.json

@@ -8,6 +8,7 @@
       "name": "17th-website",
       "version": "0.0.0",
       "dependencies": {
+        "@mahdikhashan/vue3-click-outside": "^0.1.2",
         "vue": "^3.2.47",
         "vue-router": "^4.2.0"
       },
@@ -1038,6 +1039,17 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/@mahdikhashan/vue3-click-outside": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@mahdikhashan/vue3-click-outside/-/vue3-click-outside-0.1.2.tgz",
+      "integrity": "sha512-8tJI5fvjemU4bG37EcxVvuYZJj6CHj3cDx1aAiYcOD/pzU5zQ7+BoJoXyI2Fx3fNH8Nwt+iQ1GsO4HRIUaqChQ==",
+      "dependencies": {
+        "vue": "^3.2.37"
+      },
+      "peerDependencies": {
+        "vue": "3.x.x"
+      }
+    },
     "node_modules/@node-ipc/js-queue": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@node-ipc/js-queue/-/js-queue-2.0.3.tgz",
@@ -10107,6 +10119,14 @@
       "dev": true,
       "peer": true
     },
+    "@mahdikhashan/vue3-click-outside": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@mahdikhashan/vue3-click-outside/-/vue3-click-outside-0.1.2.tgz",
+      "integrity": "sha512-8tJI5fvjemU4bG37EcxVvuYZJj6CHj3cDx1aAiYcOD/pzU5zQ7+BoJoXyI2Fx3fNH8Nwt+iQ1GsO4HRIUaqChQ==",
+      "requires": {
+        "vue": "^3.2.37"
+      }
+    },
     "@node-ipc/js-queue": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@node-ipc/js-queue/-/js-queue-2.0.3.tgz",