Layout refactor (#150)

* Revert recent commits

* Move things around, and do preparation work for nested page systems.

* Fixed issue on side bar not appearing

components/ui/Advertisement.vue

@@ -1,34 +0,0 @@
-<template>
-  <div class="ad-wrapper">
-    <adsbygoogle
-      ad-slot="7510690716"
-      :ad-format="format"
-      :page-url="pageUrl ? pageUrl : undefined"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Advertisement',
-  props: {
-    format: {
-      type: String,
-      default: 'horizontal',
-    },
-    pageUrl: {
-      type: String,
-      required: false,
-      default: '',
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.ad-wrapper {
-  width: 100%;
-  @extend %card;
-  margin-bottom: var(--spacing-card-md);
-}
-</style>

components/ui/ConfirmPopup.vue

@@ -35,13 +35,8 @@
 </template>
 
 <script>
-import Popup from '~/components/ui/Popup'
-
 export default {
   name: 'ConfirmPopup',
-  components: {
-    Popup,
-  },
   props: {
     confirmationText: {
       type: String,

components/ui/Pagination.vue

@@ -43,9 +43,9 @@
 </template>
 
 <script>
-import GapIcon from '~/assets/images/utils/gap.svg'
-import LeftArrowIcon from '~/assets/images/utils/left-arrow.svg'
-import RightArrowIcon from '~/assets/images/utils/right-arrow.svg'
+import GapIcon from '~/assets/images/utils/gap.svg?inline'
+import LeftArrowIcon from '~/assets/images/utils/left-arrow.svg?inline'
+import RightArrowIcon from '~/assets/images/utils/right-arrow.svg?inline'
 
 export default {
   name: 'Pagination',

components/ui/Popup.vue

@@ -32,6 +32,7 @@ export default {
   opacity: 0.6;
   overflow-x: hidden;
 }
+
 .popup-body {
   position: fixed;
   top: 50%;

components/ui/ProjectCard.vue

@@ -3,7 +3,11 @@
     <div class="icon">
       <nuxt-link v-if="isModrinth" :to="'/mod/' + id">
         <img
-          :src="iconUrl ? iconUrl : 'https://cdn.modrinth.com/placeholder.svg'"
+          :src="
+            iconUrl
+              ? iconUrl
+              : 'https://cdn.modrinth.com/placeholder.svg?inline'
+          "
           :alt="name"
         />
       </nuxt-link>
@@ -103,7 +107,7 @@
 </template>
 
 <script>
-import Categories from '~/components/ui/Categories'
+import Categories from '~/components/ui/search/Categories'
 
 import CalendarIcon from '~/assets/images/utils/calendar.svg?inline'
 import DownloadIcon from '~/assets/images/utils/download.svg?inline'