Merged in feat/SW-1555-jobylon-feed-filter (pull request #1494)

Feat/SW-1555 jobylon feed filter

* feat(SW-1555): Added jobylon feed component

* feat(SW-1555): Added filter functionality for Jobylon feed


Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/index.tsx

@@ -3,12 +3,8 @@ import { getJobylonFeed } from "@/lib/trpc/memoizedRequests"
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
-import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
-import { getIntl } from "@/i18n"
 
-import JobylonCard from "./JobylonCard"
-
-import styles from "./jobylonFeed.module.css"
+import JobList from "./JobList"
 
 interface JobylonFeedProps {
   title?: string
@@ -21,7 +17,6 @@ export default async function JobylonFeed({
   subtitle,
   link,
 }: JobylonFeedProps) {
-  const intl = await getIntl()
   const allJobs = await getJobylonFeed()
 
   if (!allJobs) {
@@ -37,23 +32,7 @@ export default async function JobylonFeed({
         headingAs="h3"
         headingLevel="h2"
       />
-      <div className={styles.content}>
-        <Subtitle type="two">
-          {intl.formatMessage(
-            {
-              id: "{count, plural, one {{count} Result} other {{count} Results}}",
-            },
-            { count: allJobs.length }
-          )}
-        </Subtitle>
-        <ul className={styles.list}>
-          {allJobs.map((job) => (
-            <li key={job.id}>
-              <JobylonCard job={job} />
-            </li>
-          ))}
-        </ul>
-      </div>
+      <JobList allJobs={allJobs} />
       <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )