replace bun, add start of timeline

src/pages/Career.tsx

@@ -0,0 +1,43 @@
+import {
+    Timeline,
+    TimelineConnector,
+    TimelineContent,
+    TimelineDot,
+    TimelineItem,
+    TimelineOppositeContent,
+    TimelineSeparator,
+} from '@mui/lab';
+import type { ReactElement } from 'react';
+import { CollapsableCard } from '../components/CollapsableCard.tsx';
+
+export function Career(): ReactElement {
+    return (
+        <Timeline position='alternate'>
+            <TimelineItem>
+                <TimelineOppositeContent color='textPrimary'>2014</TimelineOppositeContent>
+                <TimelineSeparator>
+                    <TimelineDot />
+                    <TimelineConnector />
+                </TimelineSeparator>
+                <TimelineContent color='textPrimary'>
+                    <CollapsableCard
+                        startCollapsed
+                        variant='outlined'
+                        header='BSc. Computer Science'
+                        subheader='University of Twente.'
+                    >
+                        Test
+                    </CollapsableCard>
+                </TimelineContent>
+            </TimelineItem>
+            <TimelineItem>
+                <TimelineOppositeContent color='textPrimary'>10:00 am</TimelineOppositeContent>
+                <TimelineSeparator>
+                    <TimelineDot />
+                    <TimelineConnector />
+                </TimelineSeparator>
+                <TimelineContent color='textPrimary'>Code</TimelineContent>
+            </TimelineItem>
+        </Timeline>
+    );
+}

src/pages/Home.tsx

@@ -1,4 +1,4 @@
-import React, { type ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { Card, CardContent, CardHeader } from '@mui/material';
 
 export function Home(): ReactElement {