worked on readiability of code and psuedocode, to help onboarding of developers

Author: guizzettic

src/app/components/legend.tsx

@@ -14,8 +14,8 @@ export default function LegendKey(props: snapHierarchy) {
 
   // we are sifting through array of displayNames and sorting them into key value pairs in an object, based on the branch they are on:
   // { '.0': [1.0, 2.0, 3.0, 4.0], '.1': [1.1, 2.1, 3.1,...], '.2': [....]}
-  // then we create an array, with each index being strings showing the range of the branch,
-  // we then take that and place it in an array, with each element being a range of the values in that branch -> ['1.0-4.0', '1.1-6.1',...]
+  // then we create an array, with each index being strings showing the range of the branch, see below:
+  // ['1.0-4.0', '1.1-6.1',...]
   function colorRanger(snapshotIdsArray) {
     const resultRangeColor = {};