Website crashes on network fails

[Aswanth-c]

The website fails to load data and crashes when a network error occurs, displaying the following console error:
Cannot read properties of undefined (reading 'tx_count_rolling') screenshot attached below

This happens because getnetwork() in message-api.ts return an empty array on errors

`export async function getNetworkStats(): Promise<NetworkStat[]> {
try {
const result = await goldsky.query(networkStatsQuery, {}).toPromise()
if (!result.data) return []

const { edges } = result.data.transactions
const updateId = edges[0]?.node.id

const data = await fetch(`https://arweave.net/${updateId}`)
const json = await data.json()

return json as NetworkStat[]

} catch (error) {
console.error(error)
return []
}`

and in homepage
const totalMessages = useMemo( () => (stats ? stats[stats.length - 1].tx_count_rolling : 0), [stats], )

The stats ? check only verifies if stats is not null or undefined, but it doesn’t ensure the array has elements.

Create a pull request for this issue
#36