feat(web,server): explore (#1926)

* feat: explore

* chore: generate open api

* styling explore page

* styling no result page

* style overlay

* style: bluring text on thumbnail card for readability

* explore page tweaks

* fix(web): search urls

* feat(web): use objects for things

* feat(server): filter by motion, sort by createdAt

* More styling

* better navigation

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

server/apps/immich/src/controllers/search.controller.ts

@@ -1,4 +1,11 @@
-import { AuthUserDto, SearchConfigResponseDto, SearchDto, SearchResponseDto, SearchService } from '@app/domain';
+import {
+  AuthUserDto,
+  SearchConfigResponseDto,
+  SearchDto,
+  SearchExploreResponseDto,
+  SearchResponseDto,
+  SearchService,
+} from '@app/domain';
 import { Controller, Get, Query, ValidationPipe } from '@nestjs/common';
 import { ApiTags } from '@nestjs/swagger';
 import { GetAuthUser } from '../decorators/auth-user.decorator';
@@ -10,7 +17,6 @@ import { Authenticated } from '../decorators/authenticated.decorator';
 export class SearchController {
   constructor(private readonly searchService: SearchService) {}
 
-  @Authenticated()
   @Get()
   async search(
     @GetAuthUser() authUser: AuthUserDto,
@@ -19,9 +25,13 @@ export class SearchController {
     return this.searchService.search(authUser, dto);
   }
 
-  @Authenticated()
   @Get('config')
   getSearchConfig(): SearchConfigResponseDto {
     return this.searchService.getConfig();
   }
+
+  @Get('explore')
+  getExploreData(@GetAuthUser() authUser: AuthUserDto): Promise<SearchExploreResponseDto[]> {
+    return this.searchService.getExploreData(authUser) as Promise<SearchExploreResponseDto[]>;
+  }
 }