Refactor routes with layout and show search bar in project details page (#23)

* Refactor routes with layout and show search bar in project details page

* Set common search layout for child routes

packages/frontend/src/components/projects/ProjectCard.tsx

@@ -39,7 +39,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
           </MenuList>
         </Menu>
       </div>
-      <div className="border-slate-200 border-t-2 border-solid p-4 bg-gray-50">
+      <div className="border-t-2 border-solid p-4 bg-gray-50">
         <Typography variant="small" color="gray">
           {project.latestCommit.message}
         </Typography>

packages/frontend/src/components/projects/ProjectSearchBar.tsx

@@ -17,7 +17,7 @@ interface ProjectsSearchProps {
   onChange?: (data: ProjectDetails) => void;
 }
 
-const ProjectSearch = ({ onChange }: ProjectsSearchProps) => {
+const ProjectSearchBar = ({ onChange }: ProjectsSearchProps) => {
   const [items, setItems] = useState<ProjectDetails[]>([]);
   const [selectedItem, setSelectedItem] = useState<ProjectDetails | null>(null);
 
@@ -105,4 +105,4 @@ const ProjectSearch = ({ onChange }: ProjectsSearchProps) => {
   );
 };
 
-export default ProjectSearch;
+export default ProjectSearchBar;

packages/frontend/src/components/projects/create/template/deploy/DeployStep.tsx

@@ -31,7 +31,7 @@ const DeployStep = ({
   const [collapse, setCollapse] = useState(false);
 
   return (
-    <div className="border-b-2 border-slate-200">
+    <div className="border-b-2">
       <div className="flex justify-between p-2 gap-2">
         {status === DeployStatus.NOT_STARTED && <div>{step}</div>}
         {status === DeployStatus.PROCESSING && <div>O</div>}

packages/frontend/src/components/projects/project/settings/DeleteProjectDialog.tsx

@@ -57,8 +57,8 @@ const DeleteProjectDialog = ({
       >
         <DialogBody className="flex flex-col gap-2">
           <Typography variant="paragraph">
-            Deleting your project is irreversible. Enter your project’s name
-            &nbsp;
+            Deleting your project is irreversible. Enter your project’s
+            name&nbsp;
             <span className="bg-blue-100 text-blue-700">({project.name})</span>
             &nbsp;below to confirm you want to permanently delete it:
           </Typography>