Added white inner circle

Client/src/Components/Animated/PulseDot.jsx

@@ -23,8 +23,8 @@ const PulseDot = ({ color }) => {
       justifyContent="center"
     >
       <Box
-        width="14px"
-        height="14px"
+        minWidth="16px"
+        minHeight="16px"
         sx={{
           position: "relative",
           backgroundColor: color,
@@ -38,6 +38,17 @@ const PulseDot = ({ color }) => {
             borderRadius: "50%",
             animation: "ripple 1.8s ease-out infinite",
           },
+          "&::after": {
+            content: `""`,
+            position: "absolute",
+            width: "6px",
+            height: "6px",
+            borderRadius: "50%",
+            backgroundColor: "white",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+          },
         }}
       />
     </Stack>

Client/src/index.css

@@ -175,7 +175,7 @@ body .MuiSkeleton-root {
   }
   to {
     opacity: 0;
-    transform: scale(2.3);
+    transform: scale(2);
   }
 }