Conditionally render material type in selectable lists

When using basic details from FBS the material type will not be
provided at the moment.

As such we will not have anything to render. Instead of rendering a
blank box as we do now we omit the element entirely.

No workarounds are required to ensure that the layout stays
consistent.

src/apps/loan-list/materials/selectable-material/selectable-material.tsx

@@ -109,11 +109,13 @@ const SelectableMaterial: FC<SelectableMaterialProps & MaterialProps> = ({
           role="button"
           tabIndex={0}
         >
-          <div className="list-materials__content-status">
-            <div className="status-label status-label--outline ">
-              {materialType}
+          {materialType && (
+            <div className="list-materials__content-status">
+              <div className="status-label status-label--outline ">
+                {materialType}
+              </div>
             </div>
-          </div>
+          )}
           {statusBadgeComponentMobile || null}
           <p className="list-materials__content__header mt-8" lang={lang || ""}>
             {title}