few changes added

Author: bleriotnoguia

inertia/components/articles/list.tsx

@@ -28,7 +28,7 @@ export default function ArticlesList({ articles }: ArticlesListProps) {
   return (
     <div className="mt-8 space-y-8">
       {articles.data.map((article) => (
-        <article key={article.id} className="relative bg-white p-8 rounded-lg shadow-sm">
+        <article key={article.id} className="bg-white p-8 rounded-lg shadow-sm">
           <div className="flex items-center gap-x-4 text-xs">
             <time dateTime={article.publishedAt} className="text-gray-500">
               {new Date(article.publishedAt).toLocaleDateString('fr-FR', {
@@ -38,7 +38,7 @@ export default function ArticlesList({ articles }: ArticlesListProps) {
               })}
             </time>
           </div>
-          <div className="group relative">
+          <div className="group">
             <h3 className="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
               <Link href={`/articles/${article.slug}`}>
                 {/* <span className="absolute inset-0" /> */}

inertia/layouts/dashboard.tsx

@@ -6,7 +6,7 @@ export default function DashboardLayout({ children }: PropsWithChildren) {
   return (
     <div className="min-h-screen bg-gray-100">
       <Navbar />
-      <main className="container mx-auto">
+      <main className="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
         <div className="py-6">
           <div className="px-4 sm:px-6 md:px-0">{children}</div>
         </div>

inertia/pages/home.tsx

@@ -32,9 +32,9 @@ export default function Home({ stats, articles }: HomeProps) {
       <Navbar />
 
       {/* Hero Section */}
-      <div className="relative overflow-hidden bg-white">
+      <div className="overflow-hidden bg-white">
         <div className="mx-auto max-w-7xl">
-          <div className="relative z-10 pb-8 sm:pb-16 md:pb-20 lg:w-full lg:pb-28 xl:pb-32">
+          <div className="pb-8 sm:pb-16 md:pb-20 lg:w-full lg:pb-28 xl:pb-32">
             <main className="mx-auto mt-10 max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28 flex flex-col items-center justify-center lg:flex-row">
               <div className="sm:text-center lg:text-left">
                 <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl">