Update environment configuration files to replace NEXT_APP_URL with NEXT_PUBLIC_APP_URL for devnet, mainnet, and testnet; modify Header component to use the updated environment variable for the App button link.

Author: wzrdx

.env.production.devnet

@@ -1,6 +1,6 @@
 NEXT_PUBLIC_ENVIRONMENT=devnet
 NEXT_PUBLIC_URL=https://devnet-explorer.ratio1.ai
-NEXT_APP_URL=https://devnet-app.ratio1.ai
+NEXT_PUBLIC_APP_URL=https://devnet-app.ratio1.ai
 
 NEXT_PUBLIC_BACKEND_URL=https://devnet-dapp-api.ratio1.ai
 NEXT_PUBLIC_ORACLES_URL=https://devnet-oracle.ratio1.ai

.env.production.mainnet

@@ -1,6 +1,6 @@
 NEXT_PUBLIC_ENVIRONMENT=mainnet
 NEXT_PUBLIC_URL=https://explorer.ratio1.ai
-NEXT_APP_URL=https://app.ratio1.ai
+NEXT_PUBLIC_APP_URL=https://app.ratio1.ai
 
 NEXT_PUBLIC_BACKEND_URL=https://dapp-api.ratio1.ai
 NEXT_PUBLIC_ORACLES_URL=https://oracle.ratio1.ai

.env.production.testnet

@@ -1,6 +1,6 @@
 NEXT_PUBLIC_ENVIRONMENT=testnet
 NEXT_PUBLIC_URL=https://testnet-explorer.ratio1.ai
-NEXT_APP_URL=https://testnet-app.ratio1.ai
+NEXT_PUBLIC_APP_URL=https://testnet-app.ratio1.ai
 
 NEXT_PUBLIC_BACKEND_URL=https://testnet-dapp-api.ratio1.ai
 NEXT_PUBLIC_ORACLES_URL=https://testnet-oracle.ratio1.ai

app/server-components/Header.tsx

@@ -2,8 +2,10 @@ import { CardRounded } from '@/app/server-components/shared/cards/CardRounded';
 import Navigation from '@/components/Navigation';
 import { NetworkSelector } from '@/components/NetworkSelector';
 import config from '@/config';
+import { Button } from '@heroui/button';
 import Image from 'next/image';
 import Link from 'next/link';
+import { RiFunctionLine } from 'react-icons/ri';
 
 export default async function Header() {
     return (
@@ -38,18 +40,18 @@ export default async function Header() {
                         </div>
                     </CardRounded>
 
-                    {/* <Button
+                    <Button
                         className="min-h-10 rounded-full lg:min-h-12"
                         color="primary"
                         as={Link}
-                        href={process.env.NEXT_APP_URL}
+                        href={process.env.NEXT_PUBLIC_APP_URL}
                         target="_blank"
                     >
                         <div className="row gap-1.5">
                             <RiFunctionLine className="text-lg" />
                             <div className="font-medium">App</div>
                         </div>
-                    </Button> */}
+                    </Button>
                 </div>
 
                 <div className="flex">