Made fixes to workflow tests and frontend code

Author: kevinjnev

.github/workflows/playwright.yml

@@ -70,6 +70,8 @@ jobs:
       fail-fast: false
     steps:
     - uses: actions/checkout@v5
+    - name: Create .env file
+      run: touch .env
     - uses: actions/setup-node@v5
       with:
         node-version: lts/*

.github/workflows/test-backend.yml

@@ -32,9 +32,13 @@ jobs:
       SENTRY_DSN: ""
       PROJECT_NAME: "Mosaic Project"
       STACK_NAME: mosaic-project-local
+      DOCKER_IMAGE_BACKEND: backend
+      DOCKER_IMAGE_FRONTEND: frontend
     steps:
       - name: Checkout
         uses: actions/checkout@v5
+      - name: Create .env file
+        run: touch .env
       - name: Set up Python
         uses: actions/setup-python@v6
         with:

.github/workflows/test-docker-compose.yml

@@ -38,6 +38,8 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v5
+      - name: Create .env file
+        run: touch .env
       - run: docker compose build
       - run: docker compose down -v --remove-orphans
       - run: docker compose up -d --wait backend frontend adminer

frontend/src/routes/_layout/index.tsx

@@ -78,16 +78,23 @@ function Dashboard() {
   const recentProjects = projectsData?.data?.slice(0, 3) || []
 
   // Get projects with upcoming deadlines (within 2 weeks, not completed)
+  type DeadlineItem = {
+    id: number
+    project: string
+    date: string
+    daysLeft: number
+  }
+
   const upcomingDeadlines = (projectsData?.data || [])
     .filter((p: Project) => p.deadline && p.status !== "completed")
-    .map((p: Project) => ({
+    .map((p: Project): DeadlineItem => ({
       id: p.id,
       project: p.name,
       date: p.deadline!,
       daysLeft: getDaysUntil(p.deadline!),
     }))
-    .filter((d) => d.daysLeft >= 0 && d.daysLeft <= 14)
-    .sort((a, b) => a.daysLeft - b.daysLeft)
+    .filter((d: DeadlineItem) => d.daysLeft >= 0 && d.daysLeft <= 14)
+    .sort((a: DeadlineItem, b: DeadlineItem) => a.daysLeft - b.daysLeft)
     .slice(0, 3)
 
   const isLoading = statsLoading || projectsLoading
@@ -188,7 +195,7 @@ function Dashboard() {
                 <Text color="fg.muted">No upcoming deadlines in the next 2 weeks.</Text>
               ) : (
                 <Stack gap={3}>
-                  {upcomingDeadlines.map((deadline) => (
+                  {upcomingDeadlines.map((deadline: DeadlineItem) => (
                     <Box key={deadline.id} p={3} borderWidth="1px" borderRadius="md">
                       <Text fontWeight="semibold" fontSize="sm" mb={1}>
                         {deadline.project}

frontend/src/routes/_layout/projects.$projectId.tsx

@@ -22,7 +22,7 @@ import {
   FiUsers,
 } from "react-icons/fi"
 
-import { ProjectsServiceTemp, GalleriesServiceTemp } from "@/client"
+import { ProjectsServiceTemp, GalleriesServiceTemp, type Gallery } from "@/client"
 
 export const Route = createFileRoute("/_layout/projects/$projectId")({
   component: ProjectDetail,
@@ -78,7 +78,7 @@ function ProjectDetail() {
   }
 
   const galleries = galleriesData?.data || []
-  const fileCount = galleries.reduce((sum, g) => sum + g.photo_count, 0)
+  const fileCount = galleries.reduce((sum: number, g: Gallery) => sum + g.photo_count, 0)
 
   return (
     <Container maxW="full" p={6}>
@@ -218,7 +218,7 @@ function ProjectDetail() {
                     <Text fontWeight="semibold" mb={2}>Galleries</Text>
                     {galleries.length > 0 ? (
                       <Stack gap={2}>
-                        {galleries.map((gallery) => (
+                        {galleries.map((gallery: Gallery) => (
                           <Flex key={gallery.id} alignItems="center" gap={2}>
                             <FiImage size={14} />
                             <Text fontSize="sm">{gallery.name}</Text>