Remove unused makeStyles import and inline paper styling in TimelineComponent.js

frontend/src/features/about/timeline/TimelineComponent.js

@@ -1,6 +1,5 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { makeStyles } from "@mui/material/styles";
 import Timeline from "@mui/lab/Timeline";
 import TimelineItem from "@mui/lab/TimelineItem";
 import TimelineSeparator from "@mui/lab/TimelineSeparator";
@@ -55,14 +54,7 @@ const timelineDotVariants = [
   { color: "secondary", variant: "outlined" }
 ];
 
-const useStyles = makeStyles(() => ({
-  paper: {
-    padding: "6px 16px"
-  }
-}));
-
 const TimelineComponent = ({ releases }) => {
-  const classes = useStyles();
   const { t } = useTranslation();
 
   const _releases = releases.map((release, index) => {
@@ -90,7 +82,12 @@ const TimelineComponent = ({ releases }) => {
             {!release.isLast && <TimelineConnector />}
           </TimelineSeparator>
           <TimelineContent>
-            <Paper elevation={3} className={classes.paper}>
+            <Paper
+              elevation={3}
+              sx={{
+                padding: "6px 16px"
+              }}
+            >
               <Typography variant="h6" component="h1">
                 {release.notes[0]}
               </Typography>