Refactor advanced search results attribute processing

Simplify and optimize the handling of base and joined attributes in AdvancedSearchResultsPage
- Use functional programming techniques to process attributes
- Reduce complexity of attribute mapping and filtering
- Improve code readability by using more concise array methods

frontend/src/pages/AdvancedSearchResultsPage.tsx

@@ -278,39 +278,33 @@ export const AdvancedSearchResultsPage: FC = () => {
               // attrinfo and its related joined attrinfo
               attrInfo
                 .map((info) => {
-                  const results = [];
-
-                  results.push({
+                  const base = {
                     key: info.name,
                     val: {
                       filterKey:
                         info.filterKey ||
                         AdvancedSearchResultAttrInfoFilterKeyEnum.CLEARED,
                       keyword: info.keyword || "",
                     },
-                  });
+                  };
 
-                  // weave joined attributes into the defaultAttrFilterArray
-                  joinAttrs.forEach((join) => {
-                    if (join.name === info.name) {
-                      join.attrinfo.forEach((joinedInfo) => {
-                        results.push({
-                          key: `${join.name}.${joinedInfo.name}`,
-                          val: {
-                            filterKey:
-                              joinedInfo.filterKey ||
-                              AdvancedSearchResultAttrInfoFilterKeyEnum.CLEARED,
-                            keyword: joinedInfo.keyword || "",
-                            baseAttrname: join.name,
-                            joinedAttrname: joinedInfo.name,
-                          },
-                        });
-                      });
-                    }
-                  });
-                  return results;
+                  const joined = joinAttrs
+                    .filter((join) => join.name === info.name)
+                    .flatMap((join) =>
+                      join.attrinfo.map((joinedInfo) => ({
+                        key: `${join.name}.${joinedInfo.name}`,
+                        val: {
+                          filterKey:
+                            joinedInfo.filterKey ||
+                            AdvancedSearchResultAttrInfoFilterKeyEnum.CLEARED,
+                          keyword: joinedInfo.keyword || "",
+                          baseAttrname: join.name,
+                          joinedAttrname: joinedInfo.name,
+                        },
+                      }))
+                    );
 
-                  // this convert array to dict using reduce()
+                  return [base, ...joined];
                 })
                 .flat()
                 .reduce((a, x) => ({ ...a, [x.key]: x.val }), {})