implemented service page design

frontend/src/hooks/useServices.tsx

@@ -0,0 +1,19 @@
+import { faker } from "@faker-js/faker";
+import { useQuery } from "react-query";
+import { Service } from "../types";
+
+let services = Array(11)
+  .fill(0)
+  .map(() => ({
+    name: faker.name.lastName(),
+    references: [faker.name.firstName()],
+    destination: [faker.internet.ipv4()],
+  }));
+
+const fetchServices = async (): Promise<Service[]> => {
+  return services;
+};
+
+export default function useServices() {
+  return useQuery(["services"], fetchServices);
+}