fix: guard reserve-overview page against undefined reserve during loading

The .find() call returns undefined when SDK data is still loading, but
an unsafe cast hid this from TypeScript. Remove the as-casts and add a
guard to skip rendering the reserve configuration until data is available.
This matches the pattern already used by ReserveTopDetailsWrapper.

Author: mgrabina

pages/reserve-overview.page.tsx

@@ -5,11 +5,7 @@ import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import StyledToggleButton from 'src/components/StyledToggleButton';
 import StyledToggleButtonGroup from 'src/components/StyledToggleButtonGroup';
-import {
-  ComputedReserveData,
-  ReserveWithId,
-  useAppDataContext,
-} from 'src/hooks/app-data-provider/useAppDataProvider';
+import { useAppDataContext } from 'src/hooks/app-data-provider/useAppDataProvider';
 import { AssetCapsProvider } from 'src/hooks/useAssetCaps';
 import { AssetCapsProviderSDK } from 'src/hooks/useAssetCapsSDK';
 import { MainLayout } from 'src/layouts/MainLayout';
@@ -55,12 +51,12 @@ export default function ReserveOverview() {
   //With SDK
   const reserve = supplyReserves.find((reserve) => {
     return reserve.underlyingToken.address.toLowerCase() === underlyingAsset?.toLowerCase();
-  }) as ReserveWithId;
+  });
 
   //With Reserves
   const reserveLegacy = reserves.find((reserve) => {
     return reserve.underlyingAsset.toLowerCase() === underlyingAsset?.toLowerCase();
-  }) as ComputedReserveData;
+  });
   const [pageEventCalled, setPageEventCalled] = useState(false);
 
   useEffect(() => {
@@ -76,6 +72,15 @@ export default function ReserveOverview() {
 
   const isOverview = mode === 'overview';
 
+  // Don't render reserve configuration until SDK data is loaded
+  if (!reserve || !reserveLegacy) {
+    return (
+      <>
+        <ReserveTopDetailsWrapper underlyingAsset={underlyingAsset} />
+      </>
+    );
+  }
+
   return (
     <AssetCapsProviderSDK asset={reserve}>
       <ReserveTopDetailsWrapper underlyingAsset={underlyingAsset} />