doc: Update screenshots and rearrange links (#4151)

website/docs/screenshots.mdx

@@ -8,11 +8,21 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 
 <img alt="Web Interface" src={useBaseUrl('screenshots/web_interface.png')} />
 
-## Drive Details
+## Battery Health
 
-<img alt="Drive Details" src={useBaseUrl('screenshots/drive.png')} />
+<img alt="Visited addresses" src={useBaseUrl('screenshots/battery-health.png')} />
+
+## Charge Level
+
+<img alt="Charge Level" src={useBaseUrl('screenshots/charge-level.png')} />
+
+## Charges
+
+<img alt="Charges" src={useBaseUrl('screenshots/charging-history.png')} />
 
-<img alt="Race Track" src={useBaseUrl('screenshots/race_track.png')} />
+## Charge Details
+
+<img alt="Charge Details" src={useBaseUrl('screenshots/charging.png')} />
 
 ## Charging Stats
 
@@ -26,46 +36,54 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 
 <img alt="Drives" src={useBaseUrl('screenshots/drives.png')} />
 
+## Drive Details
+
+<img alt="Drive Details" src={useBaseUrl('screenshots/drive.png')} />
+
 ## Efficiency
 
 <img alt="Efficiency" src={useBaseUrl('screenshots/efficiency.png')} />
 
-## States
+## Location (addresses)
 
-<img alt="States" src={useBaseUrl('screenshots/states.png')} />
+<img alt="Location (addresses)" src={useBaseUrl('screenshots/locations.png')} />
 
-## Charge Details
+## Mileage
 
-<img alt="Charge Details" src={useBaseUrl('screenshots/charging.png')} />
+<img alt="Mileage" src={useBaseUrl('screenshots/mileage.png')} />
 
-## Charges
-
-<img alt="Charges" src={useBaseUrl('screenshots/charging-history.png')} />
-
-## Vampire Drain
+## Overview
 
-<img alt="Vampire Drain" src={useBaseUrl('screenshots/vampire_drain.png')} />
+<img alt="Overview" src={useBaseUrl('screenshots/overview.png')} />
 
 ## Projected Range
 
 <img alt="Projected Range" src={useBaseUrl('screenshots/projected-range.png')} />
 
-## Overview
+## States
 
-<img alt="Overview" src={useBaseUrl('screenshots/overview.png')} />
+<img alt="States" src={useBaseUrl('screenshots/states.png')} />
 
-## Updates
+## Statistics
 
-<img alt="Updates" src={useBaseUrl('screenshots/updates.png')} />
+<img alt="Statistics" src={useBaseUrl('screenshots/statistics.png')} />
 
-## Lifetime driving map
+## Timeline
 
-<img alt="Lifetime driving map" src={useBaseUrl('screenshots/lifetime_driving_map.png')} />
+<img alt="Timeline" src={useBaseUrl('screenshots/timeline.png')} />
 
-## Visited addresses
+## Trip
 
-<img alt="Visited addresses" src={useBaseUrl('screenshots/locations.png')} />
+<img alt="Trip" src={useBaseUrl('screenshots/trip.png')} />
 
-## Battery Health
+## Updates
 
-<img alt="Visited addresses" src={useBaseUrl('screenshots/battery-health.png')} />
+<img alt="Updates" src={useBaseUrl('screenshots/updates.png')} />
+
+## Vampire Drain
+
+<img alt="Vampire Drain" src={useBaseUrl('screenshots/vampire_drain.png')} />
+
+## Visited (Lifetime driving map)
+
+<img alt="Lifetime driving map" src={useBaseUrl('screenshots/lifetime_driving_map.png')} />