feat: make API_URL public

.env.example

@@ -1 +1 @@
-API_URL=http://localhost:8080
+NEXT_PUBLIC_API_URL=http://localhost:8080

src/app/players/page.tsx

@@ -1,4 +1,4 @@
-import LayoutDefault from '@/components/layouts/default'
+import LayoutDefault from '@/components/Layouts/Default'
 import { PaginationType } from '@/types/Pagination'
 import { PlayerType } from '@/types/Player'
 
@@ -21,7 +21,7 @@ export default async function Players() {
 }
 
 async function getPlayers(): Promise<PaginationType<PlayerType>> {
-  const response = await fetch(`${process.env.API_URL}/players`)
+  const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/players`)
 
   if (!response.ok) {
     throw new Error('Failed to fetch players data')

src/app/rankings/page.tsx

@@ -1,4 +1,4 @@
-import LayoutDefault from '@/components/layouts/default'
+import LayoutDefault from '@/components/Layouts/Default'
 import { PaginationType } from '@/types/Pagination'
 import { RankingType } from '@/types/Ranking'
 
@@ -21,7 +21,7 @@ export default async function Rankings() {
 }
 
 async function getRankings(): Promise<PaginationType<RankingType>> {
-  const response = await fetch(`${process.env.API_URL}/rankings`)
+  const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/rankings`)
 
   if (!response.ok) {
     throw new Error('Failed to fetch rankings data')

src/app/tournaments/page.tsx

@@ -1,4 +1,4 @@
-import LayoutDefault from '@/components/layouts/default'
+import LayoutDefault from '@/components/Layouts/Default'
 import { PaginationType } from '@/types/Pagination'
 import { TournamentType } from '@/types/Tournament'
 import Link from 'next/link'
@@ -26,7 +26,7 @@ export default async function Tournaments() {
 }
 
 async function getTournaments(): Promise<PaginationType<TournamentType>> {
-  const response = await fetch(`${process.env.API_URL}/tournaments`)
+  const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/tournaments`)
 
   if (!response.ok) {
     throw new Error('Failed to fetch tournaments data')