Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

front/src/modules/ui/dropdown/components/DropdownMenuSearch.tsx

@@ -0,0 +1,39 @@
+import { InputHTMLAttributes } from 'react';
+import styled from '@emotion/styled';
+
+import { textInputStyle } from '@/ui/themes/effects';
+
+export const DropdownMenuSearchContainer = styled.div`
+  --vertical-padding: ${({ theme }) => theme.spacing(1)};
+
+  align-items: center;
+  border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
+
+  display: flex;
+  flex-direction: row;
+  height: calc(36px - 2 * var(--vertical-padding));
+  padding: var(--vertical-padding) 0;
+
+  width: calc(100%);
+`;
+
+const StyledEditModeSearchInput = styled.input`
+  font-size: ${({ theme }) => theme.font.size.sm};
+
+  ${textInputStyle}
+
+  width: 100%;
+`;
+
+export function DropdownMenuSearch(
+  props: InputHTMLAttributes<HTMLInputElement>,
+) {
+  return (
+    <DropdownMenuSearchContainer>
+      <StyledEditModeSearchInput
+        {...props}
+        placeholder={props.placeholder ?? 'Search'}
+      />
+    </DropdownMenuSearchContainer>
+  );
+}