feat: Add NFTs full page

app/components/Nav/Main/MainNavigator.js

@@ -26,6 +26,7 @@ import Asset from '../../Views/Asset';
 import AssetDetails from '../../Views/AssetDetails';
 import AddAsset from '../../Views/AddAsset';
 import Collectible from '../../Views/Collectible';
+import NftFullView from '../../Views/NftFullView';
 import SendLegacy from '../../Views/confirmations/legacy/Send';
 import SendTo from '../../Views/confirmations/legacy/SendFlow/SendTo';
 import { RevealPrivateCredential } from '../../Views/RevealPrivateCredential';
@@ -196,11 +197,6 @@ const WalletTabStackFlow = () => (
       component={WalletModalFlow}
       options={{ headerShown: false }}
     />
-    <Stack.Screen
-      name="AddAsset"
-      component={AddAsset}
-      options={AddAsset.navigationOptions}
-    />
     <Stack.Screen
       name="Collectible"
       component={Collectible}
@@ -943,6 +939,11 @@ const MainNavigator = () => {
         }}
       />
       <Stack.Screen name="Home" component={HomeTabs} />
+      <Stack.Screen
+        name="AddAsset"
+        component={AddAsset}
+        options={{ headerShown: false }}
+      />
       {isRewardsEnabled && (
         <Stack.Screen
           name={Routes.SETTINGS_VIEW}
@@ -992,6 +993,11 @@ const MainNavigator = () => {
         name="NftDetailsFullImage"
         component={NftDetailsFullImageModeView}
       />
+      <Stack.Screen
+        name={Routes.WALLET.NFTS_FULL_VIEW}
+        component={NftFullView}
+        options={{ headerShown: false }}
+      />
       <Stack.Screen name="PaymentRequestView" component={PaymentRequestView} />
       <Stack.Screen name={Routes.RAMP.BUY}>
         {() => <RampRoutes rampType={RampType.BUY} />}

app/components/Nav/Main/__snapshots__/MainNavigator.test.tsx.snap

@@ -38,6 +38,15 @@ exports[`MainNavigator matches rendered snapshot 1`] = `
     component={[Function]}
     name="Home"
   />
+  <Screen
+    component={[Function]}
+    name="AddAsset"
+    options={
+      {
+        "headerShown": false,
+      }
+    }
+  />
   <Screen
     component={[Function]}
     name="Asset"
@@ -92,6 +101,15 @@ exports[`MainNavigator matches rendered snapshot 1`] = `
     component={[Function]}
     name="NftDetailsFullImage"
   />
+  <Screen
+    component={[Function]}
+    name="NftFullView"
+    options={
+      {
+        "headerShown": false,
+      }
+    }
+  />
   <Screen
     component={[Function]}
     name="PaymentRequestView"

app/components/UI/CollectibleMedia/CollectibleMedia.styles.ts

@@ -51,7 +51,7 @@ const styleSheet = (params: {
     textContainer: {
       alignItems: 'center',
       justifyContent: 'flex-start',
-      backgroundColor: colors.background.alternative,
+      backgroundColor: colors.background.section,
       borderRadius: 8,
     },
     textWrapper: {