Show preview alert only for preview apps (#15926)

* show alert for only preview apps

* update tests

openmetadata-ui/src/main/resources/ui/src/components/Settings/Applications/MarketPlaceAppDetails/MarketPlaceAppDetails.component.tsx

@@ -143,7 +143,6 @@ const MarketPlaceAppDetails = () => {
             {t('label.browse-app-plural')}
           </Typography.Text>
         </Button>
-
         <div className="flex-center m-t-md">
           <AppLogo appName={appData?.fullyQualifiedName ?? ''} />
         </div>
@@ -159,6 +158,7 @@ const MarketPlaceAppDetails = () => {
           </Button>
         </Tooltip>
 
+        {isPreviewApp && (
           <Alert
             className="m-t-md text-xs d-flex items-start p-xs"
             message={
@@ -182,14 +182,13 @@ const MarketPlaceAppDetails = () => {
             }
             type="info"
           />
-
+        )}
         <div className="m-t-md">
           <CheckMarkIcon className="v-middle m-r-xss" />
           <Typography.Text className="text-xs font-medium text-grey-muted">
             {t('message.marketplace-verify-msg')}
           </Typography.Text>
         </div>
-
         <Space className="p-t-lg" direction="vertical" size={8}>
           <Typography.Text>
             {appData?.supportEmail && (

openmetadata-ui/src/main/resources/ui/src/components/Settings/Applications/MarketPlaceAppDetails/MarketPlaceAppDetails.test.tsx

@@ -11,6 +11,7 @@
  *  limitations under the License.
  */
 import {
+  queryByTestId,
   render,
   screen,
   waitForElementToBeRemoved,
@@ -95,7 +96,7 @@ jest.mock('../AppLogo/AppLogo.component', () =>
 
 describe('MarketPlaceAppDetails component', () => {
   it('should render all necessary elements if app details fetch successfully', async () => {
-    render(<MarketPlaceAppDetails />);
+    const { container } = render(<MarketPlaceAppDetails />);
 
     await waitForElementToBeRemoved(() => screen.getByText('Loader'));
 
@@ -116,6 +117,10 @@ describe('MarketPlaceAppDetails component', () => {
     expect(screen.getByText('label.privacy-policy')).toBeInTheDocument();
     expect(screen.getByText('label.get-app-support')).toBeInTheDocument();
 
+    const appName = queryByTestId(container, 'appName');
+
+    expect(appName).not.toBeInTheDocument();
+
     // actions check
     userEvent.click(
       screen.getByRole('button', { name: 'left label.browse-app-plural' })