Use collection config for slugs and correct locale for links

src/app/(app)/page.tsx

@@ -5,7 +5,7 @@ import Footer from '@/components/Footer'
 
 import { getPayloadHMR } from '@payloadcms/next/utilities'
 import configPromise from '@payload-config'
-import Posts from '@/components/Blocks/Posts'
+import PostList from '@/components/Blocks/PostList'
 
 interface Props {}
 
@@ -19,7 +19,7 @@ const Page = (props: Props) => {
         {`When you're ready to deploy the website on your own server, Nextload comes with a production environment that requires the use of Traefik as a reverse proxy. This setup provides a secure and scalable production environment for your website.`}
       </p>
       <section className="mt-4">
-        <Posts />
+        <PostList />
       </section>
     </>
   )