adds type generation

frontend/src/app/users/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 import { getUser } from "muzak/data/fetch";
 import { useEffect, useState } from "react";
-import api from "muzak/data/fetcher";
+import { api, User } from "muzak/data/fetcher";
 
 export default function Page() {
-  const [userData, setUserData] = useState([]);
+  const [userData, setUserData] = useState<User[]>([]);
 
   useEffect(() => {
     async function getUsers() {
@@ -17,7 +17,7 @@ export default function Page() {
   return (
     <div className="flex min-h-screen flex-col items-center justify-around">
       {userData.length > 0 ? (
-        userData.map((user) => <div key={user.id}>{user.email}</div>)
+        userData.map((user: User) => <div key={user.id}>{user.email}</div>)
       ) : (
         <div>Loading users...</div>
       )}