Reduce max pet name length

Author: pedronfigueiredo

ui/components/app/name/__snapshots__/name.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`Name renders address with long saved name 1`] = `
       <p
         class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
       >
-        Very long and l...
+        Very long an...
       </p>
     </div>
   </div>

ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap

@@ -753,7 +753,7 @@ exports[`NameDetails renders with recognized name 1`] = `
                   <p
                     class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
                   >
-                    iZUMi Bond USD
+                    iZUMi Bond U...
                   </p>
                 </div>
               </div>

ui/components/app/name/name.tsx

@@ -103,9 +103,10 @@ const Name = memo(
     }, [setModalOpen]);
 
     const formattedValue = formatValue(value, type);
+    const MAX_PET_NAME_LENGTH = 12;
     const formattedName = shortenString(name || undefined, {
-      truncatedCharLimit: 15,
-      truncatedStartChars: 15,
+      truncatedCharLimit: MAX_PET_NAME_LENGTH,
+      truncatedStartChars: MAX_PET_NAME_LENGTH,
       truncatedEndChars: 0,
       skipCharacterInEnd: true,
     });