New Directory Setup (#2065)

* chore: moved app & space from apps to root

* chore: modified workspace configuration

* chore: modified dockerfiles for space and web

* chore: modified icons for space

* feat: updated files for new svg icons supported by next-images

* chore: added /spaces base path for next

* chore: added compose config for space

* chore: updated husky configuration

* chore: updated workflows for new configuration

* chore: changed app name to web

* fix: resolved build errors with web

* chore: reset file tracing root for both projects

* chore: added nginx config for deploy

* fix: eslint and tsconfig settings for space app

* husky setup fixes based on new dir

* eslint fixes

* prettier formatting

---------

Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>

web/components/integration/github/import-users.tsx

@@ -0,0 +1,55 @@
+import { FC } from "react";
+
+// react-hook-form
+import { UseFormWatch } from "react-hook-form";
+// ui
+import { PrimaryButton, SecondaryButton } from "components/ui";
+// types
+import {
+  IUserDetails,
+  SingleUserSelect,
+  TFormValues,
+  TIntegrationSteps,
+} from "components/integration";
+
+type Props = {
+  handleStepChange: (value: TIntegrationSteps) => void;
+  users: IUserDetails[];
+  setUsers: React.Dispatch<React.SetStateAction<IUserDetails[]>>;
+  watch: UseFormWatch<TFormValues>;
+};
+
+export const GithubImportUsers: FC<Props> = ({ handleStepChange, users, setUsers, watch }) => {
+  const isInvalid = users.filter((u) => u.import !== false && u.email === "").length > 0;
+
+  return (
+    <div className="mt-6">
+      <div>
+        <div className="mb-2 grid grid-cols-3 gap-2 text-sm font-medium">
+          <div className="text-custom-text-200">Name</div>
+          <div className="text-custom-text-200">Import as...</div>
+          <div className="text-right">
+            {users.filter((u) => u.import !== false).length} users selected
+          </div>
+        </div>
+        <div className="space-y-2">
+          {watch("collaborators").map((collaborator, index) => (
+            <SingleUserSelect
+              key={collaborator.id}
+              collaborator={collaborator}
+              index={index}
+              users={users}
+              setUsers={setUsers}
+            />
+          ))}
+        </div>
+      </div>
+      <div className="mt-6 flex items-center justify-end gap-2">
+        <SecondaryButton onClick={() => handleStepChange("repo-details")}>Back</SecondaryButton>
+        <PrimaryButton onClick={() => handleStepChange("import-confirm")} disabled={isInvalid}>
+          Next
+        </PrimaryButton>
+      </div>
+    </div>
+  );
+};