continue polish, prepare launch v1.0.0

src/shared/accounts/active.tsx

@@ -1,4 +1,5 @@
 import { Image } from "@shared/image";
+import { NetworkStatusIndicator } from "@shared/networkStatusIndicator";
 import { RelayContext } from "@shared/relayProvider";
 import { useActiveAccount } from "@stores/accounts";
 import { useChannels } from "@stores/channels";
@@ -64,12 +65,13 @@ export function ActiveAccount({ data }: { data: any }) {
 	});
 
 	return (
-		<button type="button" className="relative h-11 w-11 overflow-hidden">
+		<button type="button" className="relative inline-block h-9 w-9">
 			<Image
 				src={user?.image || DEFAULT_AVATAR}
 				alt={data.npub}
-				className="h-11 w-11 rounded-md object-cover"
+				className="h-9 w-9 rounded object-cover"
 			/>
+			<NetworkStatusIndicator />
 		</button>
 	);
 }

src/shared/accounts/inactive.tsx

@@ -1,5 +1,4 @@
 import { Image } from "@shared/image";
-
 import { DEFAULT_AVATAR } from "@stores/constants";
 import { useProfile } from "@utils/hooks/useProfile";
 
@@ -7,11 +6,11 @@ export function InactiveAccount({ data }: { data: any }) {
 	const { user } = useProfile(data.npub);
 
 	return (
-		<div className="relative h-11 w-11 shrink rounded-md">
+		<div className="relative h-9 w-9 shrink-0">
 			<Image
 				src={user?.image || DEFAULT_AVATAR}
 				alt={data.npub}
-				className="h-11 w-11 rounded-lg object-cover"
+				className="h-9 w-9 rounded object-cover"
 			/>
 		</div>
 	);