Added entity span

components/Home.tsx

@@ -7,6 +7,7 @@ import {sortByProperty} from "../src/utils";
 import {useDetails} from "../src/hooks/useDetails";
 import {Entity} from "../src/types";
 import pako from 'pako';
+import {EntitySpan} from "./EntitySpan";
 
 interface Group {
   name: string
@@ -108,15 +109,19 @@ export const HomeComponent: FC = () => {
       </fieldset>
       <fieldset>
         <legend>Missing factories</legend>
-        <ul>
-          {
-            missingFactories.map(missing => <li key={missing.href}
-            onContextMenu={event => {
-              event.preventDefault()
-              setExcludedSuggestions([...excludedSuggestions, missing.href])
-            }}>{missing.name}</li>)
-          }
-        </ul>
+        <div className={styles.missingFactories}>
+          { missingFactories.map(missing => (
+              <EntitySpan
+                key={missing.href}
+              value={missing}
+              onContextMenu={event => {
+                event.preventDefault()
+                setExcludedSuggestions([...excludedSuggestions, missing.href])
+              }}
+              rightClickText={"Exclude this recipe from suggestions"}
+            />
+          ))}
+        </div>
       </fieldset>
       <div className={styles.grid}>
         {