fix: dont' load empty info in the debug about info

we dont have an environment when running in production

ts/components/dialog/debug/components.tsx

@@ -248,7 +248,11 @@ export const AboutInfo = () => {
         alignItems="center"
         flexGap="var(--margins-xs)"
       >
-        {aboutInfo.map((info, index) => (
+        {aboutInfo.map((info, index) => {
+          if (!info) {
+            return null;
+          }
+          return (
             <Flex
               key={`debug-about-info-${index}`}
               container={true}
@@ -259,7 +263,8 @@ export const AboutInfo = () => {
               <p style={{ userSelect: 'text', lineHeight: 1.5 }}>{info}</p>
               <CopyToClipboardIcon iconSize={'medium'} copyContent={info} />
             </Flex>
-        ))}
+          );
+        })}
         <SpacerXS />
       </Flex>
     </Flex>