Update Next.js example app (#4482)

* update Next.js example

* add avatar

* update node version in CI

* bring back to 16.14

* revert node version update

---------

Co-authored-by: Robert Snow <[email protected]>
Co-authored-by: Daniel Lu <[email protected]>

Author: 3 people

examples/rsp-next-ts/next.config.mjs

@@ -2,6 +2,7 @@ export default {
   transpilePackages: [
     "@adobe/react-spectrum",
     "@react-spectrum/actiongroup",
+    "@react-spectrum/avatar",
     "@react-spectrum/badge",
     "@react-spectrum/breadcrumbs",
     "@react-spectrum/button",

examples/rsp-next-ts/package.json

@@ -12,7 +12,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@adobe/react-spectrum": "^3.22.0",
+    "@adobe/react-spectrum": "^3.26.0",
     "@react-spectrum/color": "^3.0.0-beta.16",
     "@react-spectrum/tag": "3.0.0-rc.0",
     "@react-spectrum/toast": "^3.0.0-alpha.0",

examples/rsp-next-ts/pages/index.tsx

@@ -69,6 +69,7 @@ import {
   View,
   Well,
   DialogContainer,
+  Avatar,
 } from "@adobe/react-spectrum";
 import Edit from "@spectrum-icons/workflow/Edit";
 import NotFound from "@spectrum-icons/illustrations/NotFound";
@@ -392,6 +393,8 @@ export default function Home() {
           </Section>
 
           <Section title="Content">
+            <Avatar src="https://i.imgur.com/kJOwAdv.png" alt="default Adobe avatar" />
+
             <Content>Content is king</Content>
 
             <Flex direction="column" gap="size-125">