feat: Mark people as favorite (#14866)

* feat: added ability to mark people as favorite, which get sorted to the front of the people list

* feat(server): added unit test for favorite people

* feat(server): refactored for better readability

* fixed person service unit tests

* fixed open-api and sql checks

* fixed bad codegen and removed unnecessary type assertion again

* chore: clean up

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>

web/src/routes/(user)/explore/+page.svelte

@@ -11,6 +11,8 @@
   import { onMount } from 'svelte';
   import { websocketEvents } from '$lib/stores/websocket';
   import SingleGridRow from '$lib/components/shared-components/single-grid-row.svelte';
+  import Icon from '$lib/components/elements/icon.svelte';
+  import { mdiHeart } from '@mdi/js';
 
   interface Props {
     data: PageData;
@@ -53,7 +55,7 @@
       <SingleGridRow class="grid md:grid-auto-fill-28 grid-auto-fill-20 gap-x-4">
         {#snippet children({ itemCount })}
           {#each people.slice(0, itemCount) as person (person.id)}
-            <a href="{AppRoute.PEOPLE}/{person.id}" class="text-center">
+            <a href="{AppRoute.PEOPLE}/{person.id}" class="text-center relative">
               <ImageThumbnail
                 circle
                 shadow
@@ -61,6 +63,11 @@
                 altText={person.name}
                 widthStyle="100%"
               />
+              {#if person.isFavorite}
+                <div class="absolute bottom-2 left-2 z-10">
+                  <Icon path={mdiHeart} size="24" class="text-white" />
+                </div>
+              {/if}
               <p class="mt-2 text-ellipsis text-sm font-medium dark:text-white">{person.name}</p>
             </a>
           {/each}