Refactor socket handling across components to support dual socket connections, enhancing data fetching capabilities and improving overall communication.

src/components/CategoryBox.js

@@ -22,7 +22,7 @@ const CategoryBox = ({
   const [imageUrl, setImageUrl] = useState(null);
   const [imageError, setImageError] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
-  const socket = useContext(SocketContext);
+  const {socket} = useContext(SocketContext);
 
   useEffect(() => {
     let objectUrl = null;