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,18 +248,23 @@ export const AboutInfo = () => {
         alignItems="center"
         flexGap="var(--margins-xs)"
       >
-        {aboutInfo.map((info, index) => (
+        {aboutInfo.map((info, index) => {
-          <Flex
+          if (!info) {
-            key={`debug-about-info-${index}`}
+            return null;
-            container={true}
+          }
-            width="100%"
+          return (
-            alignItems="flex-start"
+            <Flex
-            flexGap="var(--margins-xs)"
+              key={`debug-about-info-${index}`}
-          >
+              container={true}
-            <p style={{ userSelect: 'text', lineHeight: 1.5 }}>{info}</p>
+              width="100%"
-            <CopyToClipboardIcon iconSize={'medium'} copyContent={info} />
+              alignItems="flex-start"
-          </Flex>
+              flexGap="var(--margins-xs)"
-        ))}
+            >
+              <p style={{ userSelect: 'text', lineHeight: 1.5 }}>{info}</p>
+              <CopyToClipboardIcon iconSize={'medium'} copyContent={info} />
+            </Flex>
+          );
+        })}
         <SpacerXS />
       </Flex>
     </Flex>