Move many things over from Knossos (and other rearrangements) (#102)

lib/components/base/ProjectCard.vue

@@ -34,6 +34,7 @@
         :server-side="serverSide"
         :type="projectTypeDisplay"
         :search="search"
+        :categories="categories"
       />
     </Categories>
     <div class="stats">
@@ -65,7 +66,9 @@
     </div>
   </article>
 </template>
+
 <script setup>
+import { formatNumber } from '@/helpers'
 import {
   Badge,
   HeartIcon,
@@ -75,12 +78,13 @@ import {
   Avatar,
   Categories,
   EnvironmentIndicator,
-} from '@/components'
-import { formatNumber } from '@/helpers/utils.js'
+} from '@'
+
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 dayjs.extend(relativeTime)
 </script>
+
 <script>
 import { defineComponent } from 'vue'
 export default defineComponent({
@@ -152,10 +156,6 @@ export default defineComponent({
       type: String,
       default: null,
     },
-    hasModMessage: {
-      type: Boolean,
-      default: false,
-    },
     serverSide: {
       type: String,
       required: false,
@@ -306,8 +306,7 @@ export default defineComponent({
     img,
     svg {
       border-radius: var(--radius-lg);
-      border: 4px solid var(--color-raised-bg);
-      border-bottom: none;
+      box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
     }
   }