Final css details

presentation/src/app/word-list/components/serverside-word-list.tsx

@@ -1,9 +1,14 @@
 import RevalidateButton from './revalidate-button'
 import { fetchWordlist } from '../utils'
+import { useEffect } from 'react'
 
 export default async function ServerWordList() {
     const response = await fetchWordlist()
 
+    useEffect(() => {
+        console.log('Peta?')
+    }, [])
+
     return (
         <div data-testid="word-list-view" className="data-fetching-server">
             <h3>

presentation/src/app/word-list/page.tsx

@@ -6,8 +6,8 @@ import ServerWordList from './components/serverside-word-list'
 export default function WordList() {
     return (
         <div className="data-fetching">
-            <ServerWordList />
             <ClientWordList />
+            <ServerWordList />
             <NextAPIWordList />
         </div>
     )