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>

space/components/issues/board-views/kanban/header.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// interfaces
+import { IIssueState } from "types/issue";
+// constants
+import { issueGroupFilter } from "constants/data";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
+  const store: RootStore = useMobxStore();
+
+  const stateGroup = issueGroupFilter(state.group);
+
+  if (stateGroup === null) return <></>;
+
+  return (
+    <div className="pb-2 px-2 flex items-center">
+      <div className="w-4 h-4 flex justify-center items-center flex-shrink-0">
+        <stateGroup.icon />
+      </div>
+      <div className="font-semibold text-custom-text-200 capitalize ml-2 mr-3 truncate">{state?.name}</div>
+      <span className="text-custom-text-300 rounded-full flex-shrink-0">
+        {store.issue.getCountOfIssuesByState(state.id)}
+      </span>
+    </div>
+  );
+});