Update tracker components styling

src/components/tracker/TrackerActiveCard.tsx

@@ -153,7 +153,7 @@ const TrackerActiveHeader = ({
     const { t } = useTranslation();
 
     return (
-        <Stack direction="row" alignItems="stretch" sx={{ paddingBottom: '15px' }}>
+        <Stack direction="row" alignItems="stretch" sx={{ paddingBottom: 2 }}>
             <TrackerActiveLink url={trackRecord.remoteUrl}>
                 <Avatar
                     alt={`${tracker.name}`}

src/components/tracker/TrackerMangaCard.tsx

@@ -111,27 +111,27 @@ export const TrackerMangaCard = ({
     return (
         <Card
             sx={{
-                marginBottom: '15px',
+                marginBottom: 2,
-                '&:last-child': { marginBottom: '60px' },
+                '&:last-child': { marginBottom: 8 },
             }}
         >
             <CardActionArea onClick={onSelect}>
                 <CardContent sx={{ padding: '0', borderRadius: 'inherit' }}>
                     <Box
                         sx={{
-                            padding: '10px',
+                            padding: 1,
                             border: '3px solid',
                             borderRadius: 'inherit',
                             borderColor: selected ? 'primary.main' : 'transparent',
                         }}
                     >
-                        <Stack direction="row" gap="15px" marginBottom="15px">
+                        <Stack direction="row" gap={2} marginBottom={2}>
                             <CardMedia
                                 sx={{
                                     aspectRatio: '225/350',
                                     minWidth: '100px',
                                     width: '150px',
-                                    borderRadius: '4px',
+                                    borderRadius: 1,
                                     overflow: 'hidden',
                                 }}
                             >

src/components/tracker/TrackerUntrackedCard.tsx

@@ -28,7 +28,7 @@ export const TrackerUntrackedCard = ({
     return (
         <Card sx={CARD_STYLING}>
             <CardContent sx={{ padding: '0' }}>
-                <Stack direction="row" gap="25px">
+                <Stack direction="row" gap={3}>
                     <Avatar
                         alt={`${tracker.name}`}
                         src={requestManager.getValidImgUrlFor(tracker.icon)}