feat(web,server): search people (#5703)

* feat: search peoples

* fix: responsive design

* use existing count

* generate sql file

* fix: tests

* remove visible people

* fix: merge, hide...

* use component

* fix: linter

* chore: regenerate api

* fix: change name when searching for a face

* save search

* remove duplicate

* use enums for query parameters

* fix: increase to 20 for the local search

* use constants

* simplify

* fix: number of people more visible

* fix: merge

* fix: search

* fix: loading spinner position

* pr feedback

web/src/routes/(user)/search/+page.ts

@@ -1,11 +1,13 @@
 import { authenticate } from '$lib/utils/auth';
 import { type SearchResponseDto, api } from '@api';
 import type { PageLoad } from './$types';
+import { QueryParameter } from '$lib/constants';
 
 export const load = (async (data) => {
   await authenticate();
   const url = new URL(data.url.href);
-  const term = url.searchParams.get('q') || url.searchParams.get('query') || undefined;
+  const term =
+    url.searchParams.get(QueryParameter.SEARCH_TERM) || url.searchParams.get(QueryParameter.QUERY) || undefined;
   let results: SearchResponseDto | null = null;
   if (term) {
     const { data } = await api.searchApi.search({}, { params: url.searchParams });