[INJIMOB-1884] Add UI for Key Managent (#1622)

* [INJIMOB-1884] add ui for key managent feature

Signed-off-by: Abhishek Paul <paul.apaul.abhishek.ap@gmail.com>

* [INJIMOB-1884] replace modal with screen for ios co pilot support

Signed-off-by: Abhishek Paul <paul.apaul.abhishek.ap@gmail.com>

---------

Signed-off-by: Abhishek Paul <paul.apaul.abhishek.ap@gmail.com>

components/VC/Views/VCDetailView.tsx

@@ -15,6 +15,7 @@ import {isActivationNeeded} from '../../../shared/openId4VCI/Utils';
 import {
   BOTTOM_SECTION_FIELDS_WITH_DETAILED_ADDRESS_FIELDS,
   DETAIL_VIEW_BOTTOM_SECTION_FIELDS,
+  KEY_TYPE_FIELD,
   fieldItemIterator,
   getBackgroundColour,
   getBackgroundImage,
@@ -22,6 +23,7 @@ import {
 } from '../common/VCUtils';
 import {ProfileIcon} from '../../ProfileIcon';
 import { VCFormat } from '../../../shared/VCFormat';
+import { VCItemField } from '../common/VCItemField';
 
 const getProfileImage = (face: any) => {
   if (face) {
@@ -138,6 +140,13 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = props => {
                       props.wellknown,
                       props,
                     )}
+                    <VCItemField
+                    key={"keyTypeVcDetailView"}
+                    fieldName={KEY_TYPE_FIELD}
+                    fieldValue={props.keyType}
+                    verifiableCredential={verifiableCredential}
+                    testID={"keyTypeVcDetailView"}
+                    />
                   </Column>
                 </>
               )}
@@ -238,4 +247,5 @@ export interface VCItemDetailsProps {
   onBinding?: () => void;
   activeTab?: Number;
   vcHasImage: boolean;
+  keyType: string;
 }

components/VC/common/VCUtils.tsx

@@ -43,6 +43,7 @@ export const DETAIL_VIEW_BOTTOM_SECTION_FIELDS = [
   'credentialRegistry',
 ];
 
+export const KEY_TYPE_FIELD = ['keytype']
 export const BOTTOM_SECTION_FIELDS_WITH_DETAILED_ADDRESS_FIELDS = [
   ...getAddressFields(),
   'email',