Modal report (#17)

* Base modal implementation

* Modal Report page

* Upgrade multiselect

* Fixed multiselect styling

* fix build err

* rev change

* Added dropdown component, addressed changes

Removed unused classes after vue multiselect was removed
Updated markdown-it and xss

* Update index.js

* fix lint

* Fix prettier code style

* Address most changes

* New dropdown

* Undo comment

Makes the component close when not focused

* Fix accessibility issues

* Fix double focus

* addressed changes to modal

* Run Prettier

* Update ModalReport.vue

* Fixed spacing issues

---------

Co-authored-by: Jai A <jaiagr+gpg@pm.me>

docs/components/dropdown-select.md

@@ -0,0 +1,19 @@
+# Dropdown
+
+<DemoContainer>
+  <DropdownSelect
+    id="report-type"
+    v-model="reportType"
+    :options="['Daily', 'Weekly', 'Monthly']"
+    defaultValue="Choose Frequency"
+  />
+</DemoContainer>
+
+```vue
+<DropdownSelect
+  id="report-type"
+  v-model="reportType"
+  :options="['Daily', 'Weekly', 'Monthly']"
+  defaultValue="Choose Frequency"
+/>
+```

docs/components/modal.md

@@ -0,0 +1,22 @@
+# Modal
+:::raw
+
+<DemoContainer>
+  <Button :action="() => this.$refs.reportModal.modal.show()">Show Modal</Button>
+  <ModalReport
+  ref="reportModal"
+  itemType="project"
+  :reportTypes="['cringitude', 'rudeness', 'notgamer', 'windowsuser']"
+  >
+  </ModalReport>
+</DemoContainer>
+:::
+
+```vue
+  <Button :action="() => this.$refs.reportModal.modal.show()">Show Modal</Button>
+  <ModalReport
+  ref="reportModal"
+  itemType="project"
+  :reportTypes="['cringitude', 'rudeness', 'notgamer', 'windowsuser']"
+  />
+```