fix: fix cant select search board result, add create board modal over…

frontend/src/components/AppBar/CreateModal.jsx

@@ -126,7 +126,9 @@ const CreateModal = ({
                 boxShadow: 24,
                 borderRadius: '8px',
                 padding: '20px 30px',
-                backgroundColor: (theme) => theme.palette.mode === 'dark' ? '#1A2027' : 'white'
+                backgroundColor: (theme) => theme.palette.mode === 'dark' ? '#1A2027' : 'white',
+                maxHeight: '100vh',
+                overflowY: 'auto'
             }}>
                 <Box sx={{
                     position: 'absolute',

frontend/src/components/AppBar/SearchBoards/AutoCompleteSearchBoard.jsx

@@ -78,6 +78,7 @@ function AutoCompleteSearchBoard({ setIsSearchOpen }) {
   return (
     <Autocomplete
       sx={{ width: 220 }}
+      inputRef={searchRef}
       id="asynchronous-search-board"
       // Cái text này hiện ra khi boards là null hoặc sau khi đã fetch boards nhưng rỗng - không có kết quả
       noOptionsText={!boards ? 'Type to search board...' : 'No board found!'}
@@ -109,7 +110,6 @@ function AutoCompleteSearchBoard({ setIsSearchOpen }) {
           {...params}
           label="Type to search..."
           size="small"
-          inputRef={searchRef}
           InputProps={{
             ...params.InputProps,
             startAdornment: (

frontend/src/components/Modal/ActiveCard/LabelPopover.jsx

@@ -182,7 +182,10 @@ const LabelPopover = () => {
         variant="contained"
         fullWidth
         sx={{ mt: 2 }}
-        onClick={() => setViewMode(VIEW_MODE.CREATE_LABEL)}
+        onClick={() => {
+          setViewMode(VIEW_MODE.CREATE_LABEL)
+          setSearchText('')
+        }}
       >
         Add new label
       </Button>