Add MenuItem page

Add some information to Contact page

front/src/pages/PageContact.svelte

@@ -1,2 +1,97 @@
+<script>
+    import { ArrowClockwise } from "phosphor-svelte";
+    import DropDown from "%/components/DropDown.svelte";
+</script>
+
 <h1>Contact us</h1>
-<p>Nuh uh</p>
+
+<div class="menu-filter">
+    <div class="menu-filter-header">
+        <h2>Commonly Asked Questions</h2>
+    </div>
+    <hr>
+
+    <div class="menu-filter-section">
+        <DropDown name="Can I refund my order?">
+            <p>If you ordered online, if we haven't started making your food yet, a refund is possible.</p>
+            <p>If you reserved a table, you can refund upto 1 hour before your time.</p>
+        </DropDown>
+    </div>
+
+    <hr>
+
+    <div class="menu-filter-section">
+        <DropDown name="Deez nuts">
+            <p>Gotten</p>
+        </DropDown>
+    </div>
+</div>
+
+<div class="spacer"></div>
+
+<h2>Contact From</h2>
+
+<style lang="scss">
+    @import "%/styles/vars";
+
+    h1, h2 {
+        margin-bottom: $spacing-small;
+    }
+    .spacer {
+        height: $spacing-large;
+    }
+
+    .menu-filter {
+        border-radius: $border-radius-normal;
+        background-image: url('/BackgroundTextureAlt.svg');
+        background-repeat: no-repeat;
+        background-size: 200px 250px;
+        background-position: 5px -43px;
+        background-color: $color-light;
+        color: $color-on-light;
+
+        h2 {
+            margin-bottom: 0;
+        }
+
+        hr {
+            height: 1px;
+            border: 0 transparent;
+            background-color: rgba($color-dark, 0.1);
+        }
+
+        button {
+            height: 32px;
+            width: 32px;
+
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            text-decoration: none;
+            font-size: $font-size-p;
+
+            border-radius: $border-radius-circle;
+            border: 0 solid transparent;
+            background-color: $color-dark;
+            color: $color-on-dark;
+
+            &:hover {
+                background-color: $color-primary;
+                color: $color-on-primary;
+            }
+        }
+
+        .menu-filter-header {
+            padding: $spacing-normal;
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .menu-filter-section {
+            padding: $spacing-normal;
+        }
+    }
+</style>