Fix type declaration

Author: vgeorge

web-vite/src/app/index.tsx

@@ -18,7 +18,7 @@ export function App() {
     <Layout>
       <Header />
       <Panel>
-        <PanelInputs area={formattedArea} />
+        <PanelInputs formattedArea={formattedArea} />
         <Stats
           stats={appState.stats}
           currentTimestamp={appState.currentTimestamp}

web-vite/src/app/inputs.tsx

@@ -1,17 +1,17 @@
 interface PanelInputsProps {
-  area: number;
+  formattedArea: string;
 }
 
 export function PanelInputs(props: PanelInputsProps) {
-  const { area } = props;
+  const { formattedArea } = props;
 
   return (
     <article>
       <section>
         <h3>Area of Interest (AOI)</h3>
         <small>Zoom and pan the map to set the AOI for stats </small>
         <p>
-          Currently selected: <strong>{area || "-"} km&sup2;</strong>
+          Currently selected: <strong>{formattedArea || "-"} km&sup2;</strong>
         </p>
       </section>
       <section>