feat: adding openapi spect generation to the frontend client aas well as to fast api. Broke API out into different routes

mta-sign-ui/components/trains/station.tsx

@@ -1,17 +1,17 @@
 'use client'
 import React, {useEffect, useState} from 'react';
-import {fetchStationData} from "@/services/mta-api/mta-server";
-import {MtaData,} from "@/services/mta-api/types";
-
+import {AllStationModel} from "@/gen-sources/mta-sign-api";
+import {mtaDataClient} from "@/services/mta-api/types";
 const Station = () => {
-    const [data, setData] = useState<MtaData | null>(null);
+    const [data, setData] = useState<AllStationModel | null>(null);
 
     useEffect(() => {
         const fetchData = async () => {
             try {
                 console.log("CALLING API")
-                const mtaData = await fetchStationData([""])
-                setData(mtaData)
+                const mtaData = await mtaDataClient.getAllApiMtaPost()
+                const data = mtaData.data
+                setData(data)
 
             } catch (error) {
                 console.error('Error fetching data:', error);
@@ -27,14 +27,12 @@ const Station = () => {
             <div className="lg:text-right text-center lg:p-2">
 
                 {data ? (
-                    <h2 className="text-lg lg:text-xl font-bold dark:text-white">Train Line <span>{data.mtaData.toLocaleString()}</span></h2>
+                    <h2 className="text-lg lg:text-xl font-bold dark:text-white">Train Line <span>{data.stations.toString()}</span></h2>
 
                 ) : (
                     <p>Loading data...</p>
                 )}
 
-                <h2 className="text-lg lg:text-xl font-bold dark:text-white">Updated
-                    At: <span>{new Date().toLocaleString("en-US")}</span></h2>
             </div>
         </div>
     );