Features/fire cms (#45)

* replaced blogger with firestore blog (cms)

* moved post details to dialog

firestore.rules

@@ -16,5 +16,10 @@ service cloud.firestore {
       allow write: if true;
       allow read: if true;
     }
+
+    // Custom default security rules for FireCMS. Modifying this rule will the usage of the FireCMS.
+    match /{document=**} {
+        allow read, write: if request.auth.token.fireCMSUser;
+    }
   }
 }

package.json

@@ -18,7 +18,6 @@
     "test:unit": "vitest"
   },
   "devDependencies": {
-    "@googleapis/blogger": "^1.1.1",
     "@sveltejs/vite-plugin-svelte": "^2.4.5",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/svelte": "^3.2.2",

src/components/dialogs/ConfirmDialog.svelte

@@ -20,16 +20,18 @@
         <slot name='title'></slot> {title}
     </Titlebar>
     <slot></slot>
-    <div class="row">
-        <button data-target={target} 
-            on:click|stopPropagation={() => dispatch('closed', true)}>
-            { $t('dialog.confirm') }
-        </button>
-        <button data-target={target} 
-            on:click|stopPropagation={() => dispatch('closed', false)}>
-            { $t('dialog.decline') }
-        </button>
-    </div>
+    <slot name='footer'>
+        <div class="row">
+            <button data-target={target} 
+                on:click|stopPropagation={() => dispatch('closed', true)}>
+                { $t('dialog.confirm') }
+            </button>
+            <button data-target={target} 
+                on:click|stopPropagation={() => dispatch('closed', false)}>
+                { $t('dialog.decline') }
+            </button>
+        </div>
+    </slot>
 </div>
 {#if size == 'auto'}
 <div class='backdrop'></div>
@@ -46,13 +48,13 @@
     width: auto;
     height: auto;
     z-index: 121;
-    background-color: var(--primback);
 }
 
 div.dialog {
     min-width: 22.5em;
     max-width: 100vw;
     max-height: 100vh;
+    background-color: white;
 }
 
 div.full {