Updated data with public and has_metar

ui/src/app/airport/[icao]/page.tsx

@@ -25,12 +25,35 @@ export default function Page({ params }: { params: { icao: string } }) {
 
   if (airport) {
     return (
-      <Grid gutter={80} style={{ margin: '1em auto 0'}}>
+      <Grid gutter={80} style={{ margin: '0 0.5em'}}>
         <Grid.Col span={12}>
           <Title className='title' order={1}>{airport.icao} - {airport.name}</Title>
           <Text c="dimmed">
             {airport.municipality} | {airport.iso_region} | {airport.iso_country}
           </Text>
+          {metar && (
+            <Text c="dimmed">
+              {metar.raw_text}
+            </Text>
+          )}
+          <h3>Frequencies</h3>
+          {airport.frequencies.map((frequency) => (
+            <div key={frequency.frequency_mhz}>
+              <ul>
+                <li>{frequency.id}: {frequency.frequency_mhz} MHz</li>
+              </ul>
+            </div>
+          ))}
+          <h3>Runway Information</h3>
+          {airport.runways.map((runway) => (
+            <div key={runway.id}>
+              <b>Runway {runway.id}</b>
+              <ul>
+                <li>Dimensions: {runway.length_ft} x {runway.width_ft} ft.</li>
+                <li>Surface: {runway.surface}</li>
+              </ul>
+            </div>
+          ))}
         </Grid.Col>
       </Grid>
     );