Styled landing page and implemented full stack for dashboard stats

[mohammad0612]

Overview

Styled the dashboard in landing page to look like the Hi-Fis. Connected backend endpoints to frontend dashboard to display statistics of coordinates in map.

Changes Made

• Styled the navbar and page color to match the Hi-Fi designs.
• Created two functions to get clusterIds and another to fetch fognets statistics from each cluster in clusterIds
• Made number of cluster statistics just the length of clusterIds retrieved from the backend function getClustersByLocation. Updated community statistics using the response json and counting distinct number of communities from each cluster.
• Used second function to fetch fognet data, counting number of unique fognets and totaling water collected data.
• Updated all state variables to contain these numbers fetched from backend and display in dashboard
• Have hardcoded values for the location range for now just for testing and functionality purposes

Test Coverage

• Used postman to test backend routes to make sure frontend is fetching the correct data
• Tried frontend on different browsers to make sure it is rendering properly
• Checked console for any logged errors (don't have any)

Screenshots

New Landing Page