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/layouts/profile-layout.tsx

@@ -0,0 +1,45 @@
+// hooks
+import { useWorkspaceMyMembership } from "contexts/workspace-member.context";
+// layouts
+import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
+// components
+import { ProfileNavbar, ProfileSidebar } from "components/profile";
+// ui
+import { Breadcrumbs, BreadcrumbItem } from "components/breadcrumbs";
+
+type Props = {
+  children: React.ReactNode;
+  className?: string;
+};
+
+export const ProfileAuthWrapper = (props: Props) => (
+  <WorkspaceAuthorizationLayout
+    breadcrumbs={
+      <Breadcrumbs>
+        <BreadcrumbItem title="User Profile" />
+      </Breadcrumbs>
+    }
+  >
+    <ProfileLayout {...props} />
+  </WorkspaceAuthorizationLayout>
+);
+
+const ProfileLayout: React.FC<Props> = ({ children, className }) => {
+  const { memberRole } = useWorkspaceMyMembership();
+
+  return (
+    <div className="h-full w-full md:flex md:flex-row-reverse md:overflow-hidden">
+      <ProfileSidebar />
+      <div className="md:h-full w-full flex flex-col md:overflow-hidden">
+        <ProfileNavbar memberRole={memberRole} />
+        {memberRole.isOwner || memberRole.isMember || memberRole.isViewer ? (
+          <div className={`md:h-full w-full overflow-hidden ${className}`}>{children}</div>
+        ) : (
+          <div className="h-full w-full grid place-items-center text-custom-text-200">
+            You do not have the permission to access this page.
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};