feat: add bookmark widget (#964)

* feat: add bookmark widget

* fix: item component type issue, widget-ordered-object-list-input item component issue

* feat: add button in items list

* wip

* wip: bookmark options dnd

* wip: improve widget sortable item list

* feat: add sortable item list input to widget edit modal

* feat: implement bookmark widget

* chore: address pull request feedback

* fix: format issues

* fix: lockfile not up to date

* fix: import configuration missing and apps not imported

* fix: bookmark items not sorted

* feat: add flex layouts to bookmark widget

* fix: deepsource issue

* fix: add missing layout bookmarks old-import options mapping

---------

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

packages/api/src/router/app.ts

@@ -1,6 +1,6 @@
 import { TRPCError } from "@trpc/server";
 
-import { asc, createId, eq, like } from "@homarr/db";
+import { asc, createId, eq, inArray, like } from "@homarr/db";
 import { apps } from "@homarr/db/schema/sqlite";
 import { validation, z } from "@homarr/validation";
 
@@ -55,6 +55,8 @@ export const appRouter = createTRPCRouter({
           name: z.string(),
           id: z.string(),
           iconUrl: z.string(),
+          description: z.string().nullable(),
+          href: z.string().nullable(),
         }),
       ),
     )
@@ -72,6 +74,8 @@ export const appRouter = createTRPCRouter({
           id: true,
           name: true,
           iconUrl: true,
+          description: true,
+          href: true,
         },
         orderBy: asc(apps.name),
       });
@@ -102,6 +106,11 @@ export const appRouter = createTRPCRouter({
 
       return app;
     }),
+  byIds: publicProcedure.input(z.array(z.string())).query(async ({ ctx, input }) => {
+    return await ctx.db.query.apps.findMany({
+      where: inArray(apps.id, input),
+    });
+  }),
   create: protectedProcedure
     .input(validation.app.manage)
     .output(z.void())