Show artist genre tags on profile

apps/web/src/pages/profile/Profile.tsx

···
 import dayjs from "dayjs";
 import { useAtom, useSetAtom } from "jotai";
 import _ from "lodash";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { profilesAtom } from "../../atoms/profiles";
 import { userAtom } from "../../atoms/user";
 import Shout from "../../components/Shout/Shout";
···
 import { activeTabAtom } from "../../atoms/tab";
 import Circles from "./circles";
 import TopTrack from "./toptrack";
+import { useArtistsQuery } from "../../hooks/useLibrary";
+import { getLastDays } from "../../lib/date";
 
 const Group = styled.div`
   display: flex;
···
   const profile = useProfileByDidQuery(did!);
   const setUser = useSetAtom(userAtom);
   const { tab } = useSearch({ strict: false });
+  const { data: artists } = useArtistsQuery(did!, 0, 100, ...getLastDays(7));
   const { mutate: followAccount } = useFollowAccountMutation();
   const { mutate: unfollowAccount } = useUnfollowAccountMutation();
   const currentDid = localStorage.getItem("did");
···
     1,
     currentDid ? [currentDid] : undefined,
   );
+  const tags = useMemo(() => {
+    if (!artists) {
+      return [];
+    }
+    return artists
+      .filter((x) => x.tags)
+      .map((x) => x.tags)
+      .flat()
+      .slice(0, 20);
+  }, [artists]);
 
   const onFollow = () => {
     if (!localStorage.getItem("token")) {
···
               </>
             )}
           </Group>
+          {tags.length > 0 && (
+            <div className="mt-[30px] flex flex-wrap">
+              {tags.map((genre) => (
+                <span
+                  className="mr-[15px] mb-[5px] text-[var(--color-genre)] text-[13px] whitespace-nowrap"
+                  style={{ fontFamily: "RockfordSansRegular" }}
+                >
+                  # {genre}
+                </span>
+              ))}
+            </div>
+          )}
+
           <div className="mt-[20px] flex justify-end">
             <TopTrack />
           </div>