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>

packages/ui/src/components/project/card/ProjectCardTitle.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+defineProps<{
+	title: string
+	compact?: boolean
+}>()
+</script>
+
+<template>
+	<!-- the weird padding and negative margin are to include the potential hover underline in bounding box which affects rendering on firefox -->
+	<span
+		class="project-card-title line-clamp-1 pb-[2px] mb-[-2px] break-all font-semibold text-contrast m-0 leading-none smart-clickable:underline-on-hover"
+		:class="compact ? 'text-lg' : 'text-xl'"
+	>
+		{{ title }}
+	</span>
+</template>
+<style scoped>
+@container (width < 550px) {
+	.project-card-title {
+		@apply text-base;
+	}
+}
+</style>