Resolve "Add PFAM"

Closes #134 (closed)

components/content/ListSystems.vue

 <script setup lang="ts">
 import { usePfamStore } from "@/stores/pfam";
 
-const props = defineProps<{
+export interface Props {
   headers: Array<Object>;
   systems: Array<Object>;
-}>();
+  height: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  height: 800,
+});
+
 const itemsPerParge = ref(25);
 const search = ref("");
 const sortBy = ref([{ key: "system", order: "asc" }]);
@@ -48,7 +54,7 @@ initPfam();
       ></v-text-field>
     </v-toolbar>
     <v-data-table-virtual
-      :height="800"
+      :height="height"
       :items-per-page="itemsPerParge"
       v-model:sort-by="sortBy"
       :headers="props.headers"