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

lib/components/base/EnvironmentIndicator.vue

@@ -4,7 +4,11 @@
     A {{ type }}
   </span>
   <span
-    v-else-if="!['resourcepack', 'shader'].includes(type) && !(type === 'plugin' && search)"
+    v-else-if="
+      !['resourcepack', 'shader'].includes(type) &&
+      !(type === 'plugin' && search) &&
+      !categories.includes('datapack')
+    "
     class="environment"
   >
     <template v-if="clientSide === 'optional' && serverSide === 'optional'">
@@ -44,7 +48,7 @@
   </span>
 </template>
 <script setup>
-import { GlobeIcon, ClientIcon, ServerIcon, InfoIcon } from '@/components'
+import { GlobeIcon, ClientIcon, ServerIcon, InfoIcon } from '@'
 </script>
 <script>
 import { defineComponent } from 'vue'
@@ -80,6 +84,13 @@ export default defineComponent({
       required: false,
       default: false,
     },
+    categories: {
+      type: Array,
+      required: false,
+      default() {
+        return []
+      },
+    },
   },
 })
 </script>