Adding about links, and removing pages map from navigation as pages like Privacy Policy don't belong there

src/components/common/Navigation.tsx

@@ -121,15 +121,12 @@ const Navigation = (props: any): JSX.Element => {
                   >
                     Home
                   </Link>
-                  {pages?.map((page: any) => (
                   <Link
-                      key={page.id}
-                      href={`/${page.slug}`}
+                    href="/about"
                     className="p-2"
                   >
-                      {page.title.rendered}
+                    About
                   </Link>
-                  ))}
                   <Link
                     href="/portfolio"
                     className="p-2"
@@ -155,20 +152,14 @@ const Navigation = (props: any): JSX.Element => {
                   Home
                 </Button>
               </Link>
-              {pages?.map((page: any) => (
-                <Link
-                  key={page.id}
-                  href={`/${page.slug}`}
-                  className="w-full"
-                >
+              <Link href="/about">
                 <Button
-                    size={"lg"}
                   variant={"ghost"}
+                  size={"lg"}
                 >
-                    {page.title.rendered}
+                  About
                 </Button>
               </Link>
-              ))}
               <Link href="/portfolio">
                 <Button
                   variant={"ghost"}