fix: handle tag select overflow for create secret modal. minor text revisions.

frontend/src/views/SecretMainPage/SecretMainPage.tsx

@@ -538,8 +538,9 @@ const SecretMainPageContent = () => {
             onOpenChange={(state) => togglePopUp(PopUpNames.CreateSecretForm, state)}
           >
             <ModalContent
-              title="Create secret"
+              title="Create Secret"
-              subTitle="Add a secret to the particular environment and folder"
+              subTitle="Add a secret to this particular environment and folder"
+              bodyClassName="overflow-visible"
             >
               <CreateSecretForm
                 environment={environment}

frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx

@@ -141,7 +141,7 @@ export const CreateSecretForm = ({
               !canReadTags ? (
                 <div className="flex items-center space-x-2">
                   <FontAwesomeIcon icon={faTriangleExclamation} className="text-yellow-400" />
-                  <span>User lacks permission to read tags. Please grant access.</span>
+                  <span>You do not have permission to read tags.</span>
                 </div>
               ) : (
                 ""
@@ -150,7 +150,7 @@ export const CreateSecretForm = ({
           >
             <MultiSelect
               className="w-full"
-              placeholder="Choose tags to assign to secrets."
+              placeholder="Select tags to assign to secret..."
               isMulti
               name="tagIds"
               isDisabled={!canReadTags}

frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx

@@ -1121,9 +1121,10 @@ export const SecretOverviewPage = () => {
         onOpenChange={(isOpen) => handlePopUpToggle("addSecretsInAllEnvs", isOpen)}
       >
         <ModalContent
-          className="max-h-[80vh] overflow-y-auto"
+          className="max-h-[80vh]"
-          title="Bulk Create & Update"
+          bodyClassName="overflow-visible"
-          subTitle="Create & update a secret across many environments"
+          title="Create Secrets"
+          subTitle="Create a secret across multiple environments"
         >
           <CreateSecretForm
             secretPath={secretPath}

frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx

@@ -242,7 +242,7 @@ export const CreateSecretForm = ({ secretPath = "/", getSecretByKey, onClose }:
               !canReadTags ? (
                 <div className="flex items-center space-x-2">
                   <FontAwesomeIcon icon={faTriangleExclamation} className="text-yellow-400" />
-                  <span>User lacks permission to read tags. Please grant access.</span>
+                  <span>You do not have permission to read tags.</span>
                 </div>
               ) : (
                 ""
@@ -251,7 +251,7 @@ export const CreateSecretForm = ({ secretPath = "/", getSecretByKey, onClose }:
           >
             <MultiSelect
               className="w-full"
-              placeholder="Choose tags to assign to secrets."
+              placeholder="Select tags to assign to secrets..."
               isMulti
               name="tagIds"
               isDisabled={!canReadTags}