Remove unnecessary React imports from multiple components

Author: ulrikandersen

src/common/ui/HighlightText.tsx

@@ -1,5 +1,5 @@
 "use client"
-import React from "react"
+
 import { SxProps, Typography, TypographyVariant } from "@mui/material"
 import styled from "@emotion/styled"
 

src/features/sidebar/view/internal/diffbar/components/DiffListItem.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import { Box, Typography, ListItem, ListItemButton, Stack } from "@mui/material";
 import MenuItemHover from "@/common/ui/MenuItemHover";
 import MonoQuotedText from "./MonoQuotedText";
@@ -51,7 +50,6 @@ const DiffListItem = ({
               {text && (
                 <Typography
                   variant="body0"
-               
                   sx={{ wordBreak: "break-word" }}
                 >
                   <MonoQuotedText text={text} />

src/features/sidebar/view/internal/diffbar/components/MonoQuotedText.tsx

@@ -1,9 +1,7 @@
 "use client";
 
-import React from "react";
 import { Box } from "@mui/material";
 
-
 const MonoQuotedText = ({ text }: { text: string }) => {
   return (
     <>

src/features/sidebar/view/internal/diffbar/components/PopulatedDiffList.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import SpacedList from "@/common/ui/SpacedList";
 import DiffListItem from "./DiffListItem";