fix: app to re-include images

frontend/src/App.tsx

@@ -1,11 +1,9 @@
 import { Search } from "@kobalte/core/search";
 import { A, useNavigate } from "@solidjs/router";
 import { IconRefresh, IconSearch } from "@tabler/icons-solidjs";
-import { image } from "@tauri-apps/api";
 import clsx from "clsx";
 import Fuse from "fuse.js";
-import { For, createEffect, createResource, createSignal } from "solid-js";
-import { ImageViewer } from "./components/ImageViewer";
+import { createEffect, createResource, createSignal, For } from "solid-js";
 import { getUserImages } from "./network";
 
 type UserImages = Awaited<ReturnType<typeof getUserImages>>;
@@ -21,6 +19,7 @@ function App() {
 
     let fuze = new Fuse<NonNullable<UserImages[number]["Text"]>[number]>([], {
         keys: ["Text.ImageText"],
+        keys: ["ImageText"],
     });
 
     // TODO: there's probably a better way?
@@ -124,7 +123,7 @@ function App() {
                 <div class="col-span-3 row-span-3 bg-green-200 rounded-xl" />
                 <div class="col-span-6 row-span-3 bg-yellow-200 rounded-xl" />
                 {/* {JSON.stringify(images())} */}
-                {/* <For each={images()}>
+                <For each={images()}>
                     {(image) => (
                         <A href={`/image/${image.ID}`}>
                             <img
@@ -134,7 +133,7 @@ function App() {
                             />
                         </A>
                     )}
-                        </For> */}
+                </For>
             </div>
             <div class="w-full border-t h-10 bg-white px-4 border-neutral-100">
                 footer