refactor: update JobCard and JobsPage to handle job location and remote status more effectively

Author: ykaydogdu

apps/jobboard-frontend/src/modules/jobs/components/jobs/JobCard.tsx

@@ -42,8 +42,6 @@ export function JobCard({ job }: JobCardProps) {
     return t(`jobs.tags.tags.${key ?? tag}`, tag);
   });
   const jobTypes = job.type.map((type) => t(jobTypeLabelKeyMap[type] ?? type));
-  const location =
-    job.location.toLowerCase() === 'remote' ? t('jobs.card.remote') : job.location;
 
   return (
     <Card
@@ -121,7 +119,7 @@ export function JobCard({ job }: JobCardProps) {
             </span>
             <span className="flex items-center gap-1">
               <MapPin className="size-4 text-primary" aria-hidden />
-              {location}
+              {job.remote ? t('jobs.card.remote') : job.workplace.location}
             </span>
           </div>
         </div>

apps/jobboard-frontend/src/modules/jobs/pages/JobsPage.tsx

@@ -48,7 +48,7 @@ function convertJobPostToJob(jobPost: JobPostResponse): Job {
       ethicalTags: [],
       ethicalAverages: {},
     },
-    location: jobPost.remote ? 'Remote' : jobPost.location,
+    remote: jobPost.remote,
     type,
     minSalary: Math.floor(jobPost.minSalary / 1000), // Convert to 'k' format
     maxSalary: Math.floor(jobPost.maxSalary / 1000),

apps/jobboard-frontend/src/modules/shared/types/job.ts

@@ -84,7 +84,7 @@ export type Job = {
   title: string;
   description?: string;
   workplace: WorkplaceBriefResponse;
-  location: string;
+  remote: boolean;
   type: JobType[];
   minSalary: number;
   maxSalary: number;