fix(ui): domain styling color in the title if provided (#13697)

* supported domain styling color in title if provided

* fix on data product page

* fix: allow dot in mentions allowed char

---------

Co-authored-by: karanh37 <karanh37@gmail.com>

openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx

@@ -469,9 +469,10 @@ const DataProductsDetailsPage = ({
               )
             }
             serviceName=""
+            titleColor={dataProduct.style?.color}
           />
         </Col>
-        <Col className="p-x-md" flex="280px">
+        <Col className="p-x-md" flex="320px">
           <div style={{ textAlign: 'right' }}>
             {!isVersionsView && dataProductPermission.Create && (
               <Button

openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx

@@ -546,9 +546,10 @@ const DomainDetailsPage = ({
               )
             }
             serviceName=""
+            titleColor={domain.style?.color}
           />
         </Col>
-        <Col className="p-x-md" flex="280px">
+        <Col className="p-x-md" flex="320px">
           <div style={{ textAlign: 'right' }}>
             {!isVersionsView && domainPermission.Create && (
               <Dropdown

openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts

@@ -36,7 +36,7 @@ export const confirmStateInitialValue = {
   isThread: false,
 };
 
-export const MENTION_ALLOWED_CHARS = /^[A-Za-z0-9_]*$/;
+export const MENTION_ALLOWED_CHARS = /^[A-Za-z0-9_.]*$/;
 export const MENTION_DENOTATION_CHARS = ['@', '#'];
 
 export const TOOLBAR_ITEMS = [

openmetadata-ui/src/main/resources/ui/src/pages/SignUp/BasicSignup.component.tsx

@@ -90,6 +90,7 @@ const BasicSignUp = () => {
                     name="firstName"
                     rules={[{ whitespace: true, required: true }]}>
                     <Input
+                      autoFocus
                       placeholder={t('label.enter-entity-name', {
                         entity: t('label.first-lowercase'),
                       })}

openmetadata-ui/src/main/resources/ui/src/pages/SignUp/SignUpPage.tsx

@@ -125,6 +125,7 @@ const SignUp = () => {
               },
             ]}>
             <Input
+              autoFocus
               data-testid="full-name-input"
               placeholder={t('label.your-entity', {
                 entity: t('label.full-name'),

openmetadata-ui/src/main/resources/ui/src/pages/TagsPage/TagsPage.tsx

@@ -628,15 +628,19 @@ const TagsPage = () => {
                   className=" text-primary"
                   data-testid="add-classification"
                   disabled={!createClassificationPermission}
-                  icon={<PlusIcon className="anticon" />}
                   onClick={() => {
                     setIsAddingClassification((prevState) => !prevState);
                   }}>
-                  <span>
+                  <div className="d-flex items-center justify-center">
-                    {t('label.add-entity', {
+                    <PlusIcon className="anticon" />
-                      entity: t('label.classification'),
+                    <Typography.Text
-                    })}
+                      className="p-l-xss"
-                  </span>
+                      ellipsis={{ tooltip: true }}>
+                      {t('label.add-entity', {
+                        entity: t('label.classification'),
+                      })}
+                    </Typography.Text>
+                  </div>
                 </Button>
               </Tooltip>
             </Space>

openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx

@@ -225,6 +225,7 @@ const SigninPage = () => {
                     requiredMark={false}
                     rules={[{ required: true }]}>
                     <Input
+                      autoFocus
                       placeholder={
                         isAuthProviderLDAP
                           ? t('label.email')