Don't display DetectedTokenSelectionPopover if there are no detected tokens (#15877)

* Don't display DetectedTokenSelectionPopover if there are no detected tokens

* adding length greater than 0 check as a 0 is displayed at the end of teh page previously

Co-authored-by: Niranjana Binoy <43930900+NiranjanaBinoy@users.noreply.github.com>
Co-authored-by: ryanml <ryanlanese@gmail.com>

ui/components/app/detected-token/detected-token.js

@@ -155,15 +155,17 @@ const DetectedToken = ({ setShowDetectedTokens }) => {
           partiallyIgnoreDetectedTokens={partiallyIgnoreDetectedTokens}
         />
       )}
-      <DetectedTokenSelectionPopover
-        detectedTokens={detectedTokens}
-        tokensListDetected={tokensListDetected}
-        handleTokenSelection={handleTokenSelection}
-        onImport={onImport}
-        onIgnoreAll={onIgnoreAll}
-        setShowDetectedTokens={setShowDetectedTokens}
-        sortingBasedOnTokenSelection={sortingBasedOnTokenSelection}
-      />
+      {detectedTokens.length > 0 && (
+        <DetectedTokenSelectionPopover
+          detectedTokens={detectedTokens}
+          tokensListDetected={tokensListDetected}
+          handleTokenSelection={handleTokenSelection}
+          onImport={onImport}
+          onIgnoreAll={onIgnoreAll}
+          setShowDetectedTokens={setShowDetectedTokens}
+          sortingBasedOnTokenSelection={sortingBasedOnTokenSelection}
+        />
+      )}
     </>
   );
 };