arch: move web folder into api & move api to top level

frontend/src/shared/components/ProjectGridItem/index.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+import { Plus } from 'shared/icons';
+import { AddProjectWrapper, AddProjectLabel, ProjectWrapper, ProjectContent, ProjectTitle, TeamTitle } from './Styles';
+
+type AddProjectItemProps = {
+  onAddProject: () => void;
+};
+export const AddProjectItem: React.FC<AddProjectItemProps> = ({ onAddProject }) => {
+  return (
+    <AddProjectWrapper
+      onClick={() => {
+        onAddProject();
+      }}
+    >
+      <Plus size={20} color="#c2c6dc" />
+      <AddProjectLabel>New Project</AddProjectLabel>
+    </AddProjectWrapper>
+  );
+};
+type Props = {
+  project: Project;
+};
+
+const ProjectsList = ({ project }: Props) => {
+  const color = project.color ?? '#c2c6dc';
+  return (
+    <ProjectWrapper color={color}>
+      <ProjectContent>
+        <ProjectTitle>{project.name}</ProjectTitle>
+        <TeamTitle>{project.teamTitle}</TeamTitle>
+      </ProjectContent>
+    </ProjectWrapper>
+  );
+};
+
+export default ProjectsList;