Refactor data fetching and state management in MapsPage

• Move data fetching logic from NetworkMap to MapsPage
• Handle loading and error states in MapsPage
• Remove loading and error handling from NetworkMap
• Ensure separation of concerns between data fetching and presentation

pages/maps/index.tsx

@@ -10,6 +10,8 @@ interface MapsProps {
   networkTopologyData: NetworkTopologyData;
 }
 
+const AXIOS_TIMEOUT = 10000; // 10 seconds
+
 const MapsPage: NextPage<MapsProps> = ({ networkTopologyData }) => {
   return (
     <WfoPolicyRenderPageFallback resource={GSOPolicyResource.NAVIGATION_MAPS}>
@@ -20,7 +22,9 @@ const MapsPage: NextPage<MapsProps> = ({ networkTopologyData }) => {
 
 export const getServerSideProps: GetServerSideProps = async () => {
   try {
-    const response = await axios.get(process.env.NETWORK_TOPOLOGY_API_URL!);
+    const response = await axios.get(process.env.NETWORK_TOPOLOGY_API_URL!, {
+      timeout: AXIOS_TIMEOUT,
+    });
     const networkTopologyData: NetworkTopologyData = response.data;
 
     return {