[Explore] Add interests card (#8125)

* Add interests card to top of Explore

* Add tip to add interests if they have none or deselect

* Format

* Copy

src/state/queries/nuxs/definitions.ts

@@ -1,18 +1,26 @@
-import zod from 'zod'
+import type zod from 'zod'
 
-import {BaseNux} from '#/state/queries/nuxs/types'
+import {type BaseNux} from '#/state/queries/nuxs/types'
 
 export enum Nux {
   NeueTypography = 'NeueTypography',
+  ExploreInterestsCard = 'ExploreInterestsCard',
 }
 
 export const nuxNames = new Set(Object.values(Nux))
 
-export type AppNux = BaseNux<{
-  id: Nux.NeueTypography
-  data: undefined
-}>
+export type AppNux = BaseNux<
+  | {
+      id: Nux.NeueTypography
+      data: undefined
+    }
+  | {
+      id: Nux.ExploreInterestsCard
+      data: undefined
+    }
+>
 
 export const NuxSchemas: Record<Nux, zod.ZodObject<any> | undefined> = {
   [Nux.NeueTypography]: undefined,
+  [Nux.ExploreInterestsCard]: undefined,
 }