Fix Typescript issues for frontend integrations

frontend/components/integrations/IntegrationSection.tsx

@@ -1,15 +1,22 @@
 import React from "react";
-import Integration from "./Integration";
+
 import guidGenerator from "~/utilities/randomId";
 
-interface Integration {
-
-}
+import Integration from "./Integration";
 
 interface Props {
   integrations: any
 }
 
+interface IntegrationType {
+  _id: string;
+  app?: string;
+  environment: string;
+  integration: string;
+  integrationAuth: string;
+  isActive: boolean;
+}
+
 const ProjectIntegrationSection = ({
   integrations
 }: Props) => {
@@ -21,12 +28,12 @@ const ProjectIntegrationSection = ({
             Manage your integrations of Infisical with third-party services.
           </p>
         </div>
-        {integrations.map((integration  => ( 
+        {integrations.map((integration: IntegrationType)  => ( 
           <Integration
             key={guidGenerator()}
             integration={integration}
           />
-        )))}
+        ))}
       </div>
     ) : <div></div>
 }