New project cards (#5298)

* New project card

* no shadow on icons

* Remove updated label

* reduce tag count to 5

* improve envs

* fix: project card bottom row not growing

* move actions in grid mode

* focus changes + new project list component

* Allow more tags in grid mode, deprioritize non-loader tags

* fix prod deploy robots.txt

* remove unused id

* App cards

* prepr

* publish date + fix router links

* fix author hover underline in firefox

* perf: preload on search item hover

* remove unused filter

* remove option for old grid view

---------

Co-authored-by: tdgao <mr.trumgao@gmail.com>
Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>

apps/app-frontend/src/pages/Browse.vue

@@ -9,6 +9,7 @@ import {
 	injectNotificationManager,
 	LoadingIndicator,
 	Pagination,
+	ProjectCardList,
 	SearchFilterControl,
 	SearchSidebarFilter,
 	useSearch,
@@ -509,10 +510,12 @@ previousFilterState.value = JSON.stringify({
 			<section v-else-if="offline && results.total_hits === 0" class="offline">
 				You are currently offline. Connect to the internet to browse Modrinth!
 			</section>
-			<section v-else class="project-list display-mode--list instance-results" role="list">
+
+			<ProjectCardList v-else :layout="'list'">
 				<SearchCard
 					v-for="result in results.hits"
 					:key="result?.project_id"
+					:project-type="projectType"
 					:project="result"
 					:instance="instance"
 					:categories="[
@@ -538,7 +541,7 @@ previousFilterState.value = JSON.stringify({
 					<template #open_link> <GlobeIcon /> Open in Modrinth <ExternalIcon /> </template>
 					<template #copy_link> <ClipboardCopyIcon /> Copy link </template>
 				</ContextMenu>
-			</section>
+			</ProjectCardList>
 			<div class="flex justify-end">
 				<pagination
 					:page="currentPage"