add display materials WIP

client/src/app/features/material-settings/material-settings.component.html

@@ -0,0 +1,25 @@
+<div class="overflow-auto h-[100vh] w-[85vw]">
+
+<div class="m-4 w-[90%]" *ngFor="let cat of getCategories()">
+  <details class="bg-stone-300 p-4 collapse collapse-arrow">
+    <summary class="font-bold text-lg collapse-title">{{ cat }}</summary>
+
+    <div class="collapse-content">
+      <div class="grid grid-flow-row grid-cols-7 gap-4">
+        <div class="m-1" *ngFor="let material of allMaterialsGroupedByTypes[cat]">
+          <button class="bg-slate-100 p-2 rounded-md w-44">
+            <p>{{ material.name }} ({{ material.id }})</p>
+          </button>
+        </div>
+      </div>
+    </div>
+
+
+
+
+  </details>
+</div>
+
+</div>
+
+<!-- open material settings modal -->