fix: Updated snap header in review permissions screen

ui/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
+import { SubjectType } from '@metamask/permission-controller';
 import PermissionsConnectPermissionList from '../../permissions-connect-permission-list';
 import {
   AlignItems,
@@ -56,7 +57,9 @@ export default class PermissionPageContainerContent extends PureComponent {
       });
       return accumulator;
     }, []);
-
+    const { origin, subjectType } = subjectMetadata;
+    const displayOrigin =
+      subjectType === SubjectType.Website ? getURLHost(origin) : origin;
     return (
       <Box
         display={Display.Flex}
@@ -83,10 +86,10 @@ export default class PermissionPageContainerContent extends PureComponent {
             {t('nativeNetworkPermissionRequestDescription', [
               <Text
                 as="span"
-                key={`description_key_${subjectMetadata.origin}`}
+                key={`description_key_${displayOrigin}`}
                 fontWeight={FontWeight.Medium}
               >
-                {getURLHost(subjectMetadata.origin)}
+                {displayOrigin}
               </Text>,
             ])}
           </Text>
@@ -102,7 +105,7 @@ export default class PermissionPageContainerContent extends PureComponent {
         >
           <PermissionsConnectPermissionList
             permissions={selectedPermissions}
-            subjectName={subjectMetadata.origin}
+            subjectName={displayOrigin}
             accounts={accounts}
             requestedChainIds={requestedChainIds}
           />