Update testnet and devnet buttons

Author: kaja-osojnik

src/app/pages/HomePage/EcosystemCard.tsx

@@ -128,8 +128,8 @@ export const EcosystemCard: FC<EcosystemCardProps> = ({
       </CardContent>
       <CardFooter>
         {footer || (
-          <>
-            <Button variant="link" size="lg" className="flex-1" asChild>
+          <div className="flex w-full gap-4">
+            <Button variant="outline" size="lg" className="flex-1" asChild>
               <RouterLink to={RouteUtils.getDashboardRoute({ network: 'testnet', layer })}>
                 {t('common.testnet')}
               </RouterLink>
@@ -140,7 +140,7 @@ export const EcosystemCard: FC<EcosystemCardProps> = ({
                 <ArrowRight />
               </RouterLink>
             </Button>
-          </>
+          </div>
         )}
       </CardFooter>
     </Card>

src/app/pages/HomePage/PontusXCard.tsx

@@ -64,8 +64,8 @@ export const PontusXCard: FC = () => {
       latestBlock={pontusxStatusQuery?.data?.data?.latest_block}
       activeNodes={pontusxStatusQuery?.data?.data?.active_nodes}
       footer={
-        <>
-          <Button variant="link" size="lg" className="flex-1" asChild>
+        <div className="flex w-full gap-4">
+          <Button variant="outline" size="lg" className="flex-1" asChild>
             <RouterLink to={RouteUtils.getDashboardRoute({ network: 'testnet', layer: 'pontusxdev' })}>
               {t('common.devnet')}
             </RouterLink>
@@ -76,7 +76,7 @@ export const PontusXCard: FC = () => {
               <ArrowRight />
             </RouterLink>
           </Button>
-        </>
+        </div>
       }
     />
   )