refactor: Update NetworkInformation interface and Navigator type

- Updated the NetworkInformation interface to include additional properties: downlinksMax and saveData
- Updated the Navigator type to include a connection property of type NetworkInformation
- These changes ensure that the NetworkInformation interface and Navigator type accurately reflect the properties and structure of the network information data

Author: Tejs1

src/modules/apis/network-information/index.ts

@@ -1,14 +1,22 @@
-export const hasSupport = (): boolean =>
-  Boolean('connection' in window.navigator);
+export interface NetworkInformation {
+  effectiveType: string;
+  rtt: number;
+  downlink: number;
+  downlinksMax?: number;
+  saveData: boolean;
+  type: string;
+}
+interface Navigator {
+  connection?: NetworkInformation;
+}
 
-function run() {
-  let conn = window.navigator.connection;
+export const hasSupport = (): boolean => 'connection' in window.navigator;
 
+function run() {
   if (hasSupport()) {
-    return conn;
+    return (window.navigator as Navigator).connection;
   }
-
-  return conn;
+  return null;
 }
 
 export default run;

src/modules/demos/network-information/index.tsx

@@ -2,20 +2,15 @@ import React from 'react';
 
 import { NotSupported, Tag } from 'components';
 
-import run, { hasSupport } from '../../apis/network-information';
+import run, {
+  hasSupport,
+  NetworkInformation,
+} from '../../apis/network-information';
 
 const UNKNOWN_STRING = 'Unknown';
 
 function Network() {
-  const [data] = React.useState<
-    NetworkInformation & {
-      effectiveType?: 'readonly';
-      rtt?: 'readonly';
-      downlink?: 'readonly';
-      downlinksMax?: 'readonly';
-      saveData?: 'readonly';
-    }
-  >(run());
+  const [data] = React.useState<NetworkInformation | null | undefined>(run());
 
   if (!hasSupport()) {
     return <NotSupported />;