New collections (#1484)

* [WIP] Transfer collections to own branch

* fixes

* rewrite js

* Add visibility dropdown to collection edit modal

* Add visibility badges to collection page

* Update visibility options and icons in collection
page

* Add delete functionality to collection modal

* Collection project deletion flow

* remove "visit project" button on overflow

* Remove via checklist not individually

* Update manage title in settings.vue

* remove collections from settings page

* hook up collections page

* collection header to look like project header

* Refactor layout.scss and collections.vue

* fix omorphia

* Update

* Conform collections to old design structure

* Update navigation links and remove unused code

* Add collection view and collections to user page

* Refactor user project display logic

* Add collection creation functionality and update profile labels

* Add function calls to initialize user collections

* Refactor collection page layout and functionality

* Add initialization of user collections in create function

* Fix styling issue in collection page

* Update collection status to private

* remove name

* Refactor card component and update grid layout

* Finish collections

---------

Co-authored-by: Carter <safe@fea.st>

components/ui/Modal.vue

@@ -11,7 +11,7 @@
     <div class="modal-container" :class="{ shown: actuallyShown }">
       <div class="modal-body">
         <div v-if="header" class="header">
-          <h1>{{ header }}</h1>
+          <strong>{{ header }}</strong>
           <button class="iconified-button icon-only transparent" @click="hide">
             <CrossIcon />
           </button>
@@ -127,8 +127,9 @@ export default {
       background-color: var(--color-bg);
       padding: var(--spacing-card-md) var(--spacing-card-lg);
 
-      h1 {
+      strong {
         font-size: 1.25rem;
+        margin: 0.67em 0;
       }
     }