diff --git a/public/mockServiceWorker.js b/public/mockServiceWorker.js
index ac48949..fe02681 100644
--- a/public/mockServiceWorker.js
+++ b/public/mockServiceWorker.js
@@ -2,13 +2,15 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (0.47.4).
+ * Mock Service Worker.
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-const INTEGRITY_CHECKSUM = 'b3066ef78c2f9090b4ce87e874965995'
+const PACKAGE_VERSION = '2.4.5'
+const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
+const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
 self.addEventListener('install', function () {
@@ -47,7 +49,10 @@ self.addEventListener('message', async function (event) {
     case 'INTEGRITY_CHECK_REQUEST': {
       sendToClient(client, {
         type: 'INTEGRITY_CHECK_RESPONSE',
-        payload: INTEGRITY_CHECKSUM,
+        payload: {
+          packageVersion: PACKAGE_VERSION,
+          checksum: INTEGRITY_CHECKSUM,
+        },
       })
       break
     }
@@ -86,12 +91,6 @@ self.addEventListener('message', async function (event) {
 
 self.addEventListener('fetch', function (event) {
   const { request } = event
-  const accept = request.headers.get('accept') || ''
-
-  // Bypass server-sent events.
-  if (accept.includes('text/event-stream')) {
-    return
-  }
 
   // Bypass navigation requests.
   if (request.mode === 'navigate') {
@@ -100,10 +99,7 @@ self.addEventListener('fetch', function (event) {
 
   // Opening the DevTools triggers the "only-if-cached" request
   // that cannot be handled by the worker. Bypass such requests.
-  if (
-    request.cache === 'only-if-cached' &&
-    request.mode !== 'same-origin'
-  ) {
+  if (request.cache === 'only-if-cached' && request.mode !== 'same-origin') {
     return
   }
 
@@ -115,29 +111,8 @@ self.addEventListener('fetch', function (event) {
   }
 
   // Generate unique request ID.
-  const requestId = Math.random().toString(16).slice(2)
-
-  event.respondWith(
-    handleRequest(event, requestId).catch((error) => {
-      if (error.name === 'NetworkError') {
-        console.warn(
-          '[MSW] Successfully emulated a network error for the "%s %s" request.',
-          request.method,
-          request.url,
-        )
-        return
-      }
-
-      // At this point, any exception indicates an issue with the original request/response.
-      console.error(
-        `\
-[MSW] Caught an exception from the "%s %s" request (%s). This is probably not a problem with Mock Service Worker. There is likely an additional logging output above.`,
-        request.method,
-        request.url,
-        `${error.name}: ${error.message}`,
-      )
-    }),
-  )
+  const requestId = crypto.randomUUID()
+  event.respondWith(handleRequest(event, requestId))
 })
 
 async function handleRequest(event, requestId) {
@@ -149,23 +124,24 @@ async function handleRequest(event, requestId) {
   // this message will pend indefinitely.
   if (client && activeClientIds.has(client.id)) {
     ;(async function () {
-      const clonedResponse = response.clone()
-      sendToClient(client, {
-        type: 'RESPONSE',
-        payload: {
-          requestId,
-          type: clonedResponse.type,
-          ok: clonedResponse.ok,
-          status: clonedResponse.status,
-          statusText: clonedResponse.statusText,
-          body:
-            clonedResponse.body === null
-              ? null
-              : await clonedResponse.text(),
-          headers: Object.fromEntries(clonedResponse.headers.entries()),
-          redirected: clonedResponse.redirected,
+      const responseClone = response.clone()
+
+      sendToClient(
+        client,
+        {
+          type: 'RESPONSE',
+          payload: {
+            requestId,
+            isMockedResponse: IS_MOCKED_RESPONSE in response,
+            type: responseClone.type,
+            status: responseClone.status,
+            statusText: responseClone.statusText,
+            body: responseClone.body,
+            headers: Object.fromEntries(responseClone.headers.entries()),
+          },
         },
-      })
+        [responseClone.body],
+      )
     })()
   }
 
@@ -179,7 +155,7 @@ async function handleRequest(event, requestId) {
 async function resolveMainClient(event) {
   const client = await self.clients.get(event.clientId)
 
-  if (client.frameType === 'top-level') {
+  if (client?.frameType === 'top-level') {
     return client
   }
 
@@ -201,20 +177,20 @@ async function resolveMainClient(event) {
 
 async function getResponse(event, client, requestId) {
   const { request } = event
-  const clonedRequest = request.clone()
+
+  // Clone the request because it might've been already used
+  // (i.e. its body has been read and sent to the client).
+  const requestClone = request.clone()
 
   function passthrough() {
-    // Clone the request because it might've been already used
-    // (i.e. its body has been read and sent to the client).
-    const headers = Object.fromEntries(clonedRequest.headers.entries())
+    const headers = Object.fromEntries(requestClone.headers.entries())
 
-    // Remove MSW-specific request headers so the bypassed requests
-    // comply with the server's CORS preflight check.
-    // Operate with the headers as an object because request "Headers"
-    // are immutable.
-    delete headers['x-msw-bypass']
+    // Remove internal MSW request header so the passthrough request
+    // complies with any potential CORS preflight checks on the server.
+    // Some servers forbid unknown request headers.
+    delete headers['x-msw-intention']
 
-    return fetch(clonedRequest, { headers })
+    return fetch(requestClone, { headers })
   }
 
   // Bypass mocking when the client is not active.
@@ -230,57 +206,46 @@ async function getResponse(event, client, requestId) {
     return passthrough()
   }
 
-  // Bypass requests with the explicit bypass header.
-  // Such requests can be issued by "ctx.fetch()".
-  if (request.headers.get('x-msw-bypass') === 'true') {
-    return passthrough()
-  }
-
   // Notify the client that a request has been intercepted.
-  const clientMessage = await sendToClient(client, {
-    type: 'REQUEST',
-    payload: {
-      id: requestId,
-      url: request.url,
-      method: request.method,
-      headers: Object.fromEntries(request.headers.entries()),
-      cache: request.cache,
-      mode: request.mode,
-      credentials: request.credentials,
-      destination: request.destination,
-      integrity: request.integrity,
-      redirect: request.redirect,
-      referrer: request.referrer,
-      referrerPolicy: request.referrerPolicy,
-      body: await request.text(),
-      bodyUsed: request.bodyUsed,
-      keepalive: request.keepalive,
+  const requestBuffer = await request.arrayBuffer()
+  const clientMessage = await sendToClient(
+    client,
+    {
+      type: 'REQUEST',
+      payload: {
+        id: requestId,
+        url: request.url,
+        mode: request.mode,
+        method: request.method,
+        headers: Object.fromEntries(request.headers.entries()),
+        cache: request.cache,
+        credentials: request.credentials,
+        destination: request.destination,
+        integrity: request.integrity,
+        redirect: request.redirect,
+        referrer: request.referrer,
+        referrerPolicy: request.referrerPolicy,
+        body: requestBuffer,
+        keepalive: request.keepalive,
+      },
     },
-  })
+    [requestBuffer],
+  )
 
   switch (clientMessage.type) {
     case 'MOCK_RESPONSE': {
       return respondWithMock(clientMessage.data)
     }
 
-    case 'MOCK_NOT_FOUND': {
+    case 'PASSTHROUGH': {
       return passthrough()
     }
-
-    case 'NETWORK_ERROR': {
-      const { name, message } = clientMessage.data
-      const networkError = new Error(message)
-      networkError.name = name
-
-      // Rejecting a "respondWith" promise emulates a network error.
-      throw networkError
-    }
   }
 
   return passthrough()
 }
 
-function sendToClient(client, message) {
+function sendToClient(client, message, transferrables = []) {
   return new Promise((resolve, reject) => {
     const channel = new MessageChannel()
 
@@ -292,17 +257,28 @@ function sendToClient(client, message) {
       resolve(event.data)
     }
 
-    client.postMessage(message, [channel.port2])
+    client.postMessage(
+      message,
+      [channel.port2].concat(transferrables.filter(Boolean)),
+    )
   })
 }
 
-function sleep(timeMs) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, timeMs)
+async function respondWithMock(response) {
+  // Setting response status code to 0 is a no-op.
+  // However, when responding with a "Response.error()", the produced Response
+  // instance will have status code set to 0. Since it's not possible to create
+  // a Response instance with status code 0, handle that use-case separately.
+  if (response.status === 0) {
+    return Response.error()
+  }
+
+  const mockedResponse = new Response(response.body, response)
+
+  Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {
+    value: true,
+    enumerable: true,
   })
-}
 
-async function respondWithMock(response) {
-  await sleep(response.delay)
-  return new Response(response.body, response)
+  return mockedResponse
 }
diff --git a/src/components/Comments/Comments.tsx b/src/components/Comments/Comments.tsx
index ff1cd72..378363f 100644
--- a/src/components/Comments/Comments.tsx
+++ b/src/components/Comments/Comments.tsx
@@ -221,21 +221,23 @@ function Comments(props: CommentsProps) {
                   </IconButton>
                 </Tooltip>
 
-                <ActionDialog
-                  title="Remove comment"
-                  description="This action is irreversible. Are you sure?"
-                  confirmAction={() => handleDelete(comment.id)}
-                  trigger={
-                    <Tooltip title="Remove comment">
-                      <IconButton>
-                        <Icon
-                          name="IoTrashOutline"
-                          className="text-theme-red-900"
-                        />
-                      </IconButton>
-                    </Tooltip>
-                  }
-                />
+                {comment.by.id === user?.id && (
+                  <ActionDialog
+                    title="Remove comment"
+                    description="This action is irreversible. Are you sure?"
+                    confirmAction={() => handleDelete(comment.id)}
+                    trigger={
+                      <Tooltip title="Remove comment">
+                        <IconButton>
+                          <Icon
+                            name="IoTrashOutline"
+                            className="text-theme-red-900"
+                          />
+                        </IconButton>
+                      </Tooltip>
+                    }
+                  />
+                )}
 
                 <Box className="flex items-center gap-2">
                   {comment.by.id === user?.id ? (
@@ -301,7 +303,7 @@ function Comments(props: CommentsProps) {
                         </Avatar>
                         <ListItemText
                           primary={reply.comment}
-                          secondary={`by ${reply.by.nickname}, ${formatRelative(new Date(reply.created_at), new Date())}`}
+                          secondary={`by ${reply.by.nickname === user?.nickname ? 'me' : reply.by.nickname}, ${formatRelative(new Date(reply.created_at), new Date())}`}
                           primaryTypographyProps={{
                             className:
                               'dark:text-gray-400 text-gray-600 break-words',
@@ -321,7 +323,26 @@ function Comments(props: CommentsProps) {
                             <Icon name="IoChatboxEllipsesOutline" />
                           </IconButton>
                         </Tooltip>
-                        {reply.by.id !== user?.id && (
+                        {reply.by.id === user?.id && (
+                          <ActionDialog
+                            title="Remove reply"
+                            description="This action is irreversible. Are you sure?"
+                            confirmAction={() => handleDelete(reply.id)}
+                            trigger={
+                              <Tooltip title="Remove reply">
+                                <IconButton>
+                                  <Icon
+                                    name="IoTrashOutline"
+                                    className="text-theme-red-900"
+                                  />
+                                </IconButton>
+                              </Tooltip>
+                            }
+                          />
+                        )}
+                        {reply.by.id === user?.id ? (
+                          <Icon name="IoHeartOutline" size={28} />
+                        ) : (
                           <HeartButton
                             heartable_id={reply.id}
                             heartable_type="commentables"
@@ -341,7 +362,7 @@ function Comments(props: CommentsProps) {
                         )}
                         <Typography
                           variant="body2"
-                          className="dark:text-white text-gray-800">
+                          className="dark:text-white text-gray-800 ml-2">
                           {reply.hearts_count}
                         </Typography>
                       </Box>
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 6373da1..34758f4 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -49,21 +49,24 @@ function Footer() {
               href="https://github.com/felipebrsk/"
               target="_blank"
               className="animate-pulse"
-              data-qa="github-link">
+              data-qa="github-link"
+              rel="noopener noreferrer">
               <IoLogoGithub />
             </IconButton>
             <IconButton
               href="https://linkedin.com/in/felipe-luz-oliveira/"
               target="_blank"
               className="animate-pulse"
-              data-qa="linkedin-link">
+              data-qa="linkedin-link"
+              rel="noopener noreferrer">
               <IoLogoLinkedin />
             </IconButton>
             <IconButton
               href="https://wa.me/5579998677272/?text=Hello!"
               target="_blank"
               className="animate-pulse"
-              data-qa="whatsapp-link">
+              data-qa="whatsapp-link"
+              rel="noopener noreferrer">
               <IoLogoWhatsapp />
             </IconButton>
           </Grid2>
diff --git a/src/components/Forms/Review/ReviewForm.test.tsx b/src/components/Forms/Review/ReviewForm.test.tsx
index a015271..c6469b6 100644
--- a/src/components/Forms/Review/ReviewForm.test.tsx
+++ b/src/components/Forms/Review/ReviewForm.test.tsx
@@ -111,7 +111,7 @@ describe('ReviewForm Component', () => {
     await waitFor(() => {
       expect(consoleSpy).toHaveBeenCalledWith({
         review: 'This is a valid review with more than 15 characters.',
-        played: true,
+        consumed: true,
         userId: 1,
         rate: 2.5,
         gameId: mockGame.id,
@@ -119,7 +119,7 @@ describe('ReviewForm Component', () => {
     })
   })
 
-  it('toggles the played switch on and off', () => {
+  it('toggles the consumed switch on and off', () => {
     const { getByRole } = renderReviewForm()
 
     const switchElement = getByRole('checkbox')
diff --git a/src/components/Forms/Review/ReviewForm.tsx b/src/components/Forms/Review/ReviewForm.tsx
index 1888c5f..5c19e9f 100644
--- a/src/components/Forms/Review/ReviewForm.tsx
+++ b/src/components/Forms/Review/ReviewForm.tsx
@@ -21,7 +21,7 @@ export interface ReviewFormProps {
 
 function ReviewForm(props: ReviewFormProps) {
   const { game } = props
-  const [played, setPlayed] = useState<boolean>(false)
+  const [consumed, setConsumed] = useState<boolean>(false)
   const [rating, setRating] = useState<number | null>(null)
   const {
     register,
@@ -52,7 +52,7 @@ function ReviewForm(props: ReviewFormProps) {
 
     const payload: ReviewStore = {
       ...data,
-      played,
+      consumed,
       userId: 1,
       rate: rating,
       gameId: game.id,
@@ -109,9 +109,9 @@ function ReviewForm(props: ReviewFormProps) {
           </Typography>
           <Switch
             name="played"
-            value={played}
-            checked={played}
-            onChange={(_, v) => setPlayed(v)}
+            value={consumed}
+            checked={consumed}
+            onChange={(_, v) => setConsumed(v)}
             sx={{
               '& .MuiSwitch-switchBase': {
                 color: '#ff4d4d',
diff --git a/src/components/Forms/Review/validations.ts b/src/components/Forms/Review/validations.ts
index dda8b35..b54d7ec 100644
--- a/src/components/Forms/Review/validations.ts
+++ b/src/components/Forms/Review/validations.ts
@@ -4,8 +4,8 @@ export const validations = {
     min: { value: 0.5, message: 'The minimum value for a review is 0.5.' },
     max: { value: 5, message: 'The maximum value for a review is 5.' },
   },
-  played: {
-    required: 'Please, tell me if you already played this game.',
+  consumed: {
+    required: 'Please, tell me if you already consumed this game.',
   },
   review: {
     minLength: {
diff --git a/src/components/GameCard/GameCard.test.tsx b/src/components/GameCard/GameCard.test.tsx
index 8e3fe18..edda80b 100644
--- a/src/components/GameCard/GameCard.test.tsx
+++ b/src/components/GameCard/GameCard.test.tsx
@@ -78,7 +78,10 @@ describe('GameCard Component', () => {
         name: genre.name,
       })
 
-      expect(genreLink).toHaveAttribute('href', `/games/genres/${genre.slug}`)
+      expect(genreLink).toHaveAttribute(
+        'href',
+        `/games/genres/${genre.slug}`,
+      )
     })
   })
 
diff --git a/src/components/GameCard/GameCard.tsx b/src/components/GameCard/GameCard.tsx
index 304e21e..8f4a213 100644
--- a/src/components/GameCard/GameCard.tsx
+++ b/src/components/GameCard/GameCard.tsx
@@ -150,8 +150,10 @@ function GameCard(props: GameCardProps) {
 
           {game.crack ? (
             <Box className="flex flex-col gap-2 relative">
-              {['cracked', 'cracked-oneday'].includes(game.crack.status) &&
-                game.crack.by && (
+              {['cracked', 'cracked-oneday'].includes(
+                game.crack.status.name,
+              ) &&
+                game.crack.cracker && (
                   <Box className="flex items-center gap-2">
                     <Typography
                       variant="body2"
@@ -165,10 +167,11 @@ function GameCard(props: GameCardProps) {
                       variant="body2"
                       className="font-bold dark:text-white text-gray-800">
                       <Link
-                        href={`/crackers/${game.crack.by.slug}`}
+                        href={`/crackers/${game.crack.cracker.slug}`}
                         className="hover:text-theme-red-900 transition-colors duration-300"
-                        target="_blank">
-                        {game.crack.by.name}
+                        target="_blank"
+                        rel="noopener noreferrer">
+                        {game.crack.cracker.name}
                       </Link>
                     </Typography>
                   </Box>
@@ -187,7 +190,8 @@ function GameCard(props: GameCardProps) {
                     <Link
                       href={`/games/protections/${game.crack.protection.slug}`}
                       className="hover:text-theme-red-900 transition-colors duration-300"
-                      target="_blank">
+                      target="_blank"
+                      rel="noopener noreferrer">
                       {game.crack.protection.name}
                     </Link>
                   </Typography>
@@ -195,22 +199,22 @@ function GameCard(props: GameCardProps) {
               )}
 
               <Chip
-                label={mapCrack[game.crack.status]}
+                label={mapCrack[game.crack.status.name]}
                 icon={
-                  game.crack.status === 'uncracked' ? (
+                  game.crack.status.name === 'uncracked' ? (
                     <IoCloseCircleOutline className="text-white" />
                   ) : (
                     <IoCheckmarkCircleOutline className="text-white" />
                   )
                 }
                 className={`font-bold px-3 py-1 rounded-md text-white ${
-                  game.crack.status === 'uncracked'
+                  game.crack.status.name === 'uncracked'
                     ? 'bg-theme-red-900 animate-pulse'
                     : 'bg-green-500'
                 }`}
                 style={{
                   boxShadow: `0 4px 10px ${
-                    game.crack.status === 'uncracked'
+                    game.crack.status.name === 'uncracked'
                       ? 'rgba(255, 77, 77, 0.5)'
                       : 'rgba(76, 175, 80, 0.5)'
                   }`,
diff --git a/src/components/Header/modules/HeaderCarousel.tsx b/src/components/Header/modules/HeaderCarousel.tsx
index d4fb212..69e0211 100644
--- a/src/components/Header/modules/HeaderCarousel.tsx
+++ b/src/components/Header/modules/HeaderCarousel.tsx
@@ -1,11 +1,11 @@
 import { Box, Chip, Link, Stack, Tooltip, Typography } from '@mui/material'
 import { Carousel } from 'react-responsive-carousel'
 
-import { Banner } from '@/types'
+import { GameBanner } from '@/types'
 import { mapCrack } from '@/utils'
 
 interface HeaderCarouselProps {
-  banners: Banner[]
+  banners: GameBanner[]
 }
 
 function HeaderCarousel(props: HeaderCarouselProps) {
@@ -23,10 +23,10 @@ function HeaderCarousel(props: HeaderCarouselProps) {
       emulateTouch
       preventMovementUntilSwipeScrollTolerance={true}
       swipeScrollTolerance={50}>
-      {banners.map(({ id, game }) => (
+      {banners.map(({ id, bannerable }) => (
         <Box className="relative h-screen" key={id}>
           <img
-            src={game.cover}
+            src={bannerable.cover}
             alt="Game Banner"
             className="w-full h-full object-cover"
           />
@@ -35,19 +35,19 @@ function HeaderCarousel(props: HeaderCarouselProps) {
               <Box className="flex flex-col max-w-md items-center">
                 <Typography className="text-4xl md:text-5xl font-bold mb-4">
                   <Tooltip
-                    title={`Go to ${game.title} details`}
+                    title={`Go to ${bannerable.title} details`}
                     disableInteractive>
                     <Link
-                      href={`/games/${game.slug}`}
+                      href={`/games/${bannerable.slug}`}
                       className="hover:text-yellow-400 transition duration-300">
-                      {game.title}
+                      {bannerable.title}
                     </Link>
                   </Tooltip>
                 </Typography>
-                {game.crack ? (
+                {bannerable.crack ? (
                   <Chip
-                    label={mapCrack[game.crack.status]}
-                    className={`${['cracked', 'cracked-oneday'].includes(game.crack.status) ? 'bg-green-500' : 'bg-red-500'} text-white`}
+                    label={mapCrack[bannerable.crack.status.name]}
+                    className={`${['cracked', 'cracked-oneday'].includes(bannerable.crack.status.name) ? 'bg-green-500' : 'bg-red-500'} text-white`}
                   />
                 ) : (
                   <Chip
@@ -59,11 +59,11 @@ function HeaderCarousel(props: HeaderCarouselProps) {
 
               <Stack className="flex flex-col max-w-xl md:text-right text-center">
                 <Typography className="mb-4">
-                  {game.short_description}
+                  {bannerable.short_description}
                 </Typography>
                 <Typography className="mb-2">Available on:</Typography>
                 <Box className="flex md:justify-end justify-center gap-2 mb-4 sm:flex-row flex-col sm:px-0 px-8">
-                  {game.platforms.map(({ id, slug, name }) => (
+                  {bannerable.platforms.map(({ id, slug, name }) => (
                     <Box
                       component="span"
                       className="bg-gray-800 px-3 py-1 rounded-full text-sm"
@@ -73,7 +73,7 @@ function HeaderCarousel(props: HeaderCarouselProps) {
                   ))}
                 </Box>
                 <Box className="flex flex-wrap md:justify-end justify-center gap-2 sm:flex-row flex-col sm:px-0 px-8">
-                  {game.genres.map(({ id, slug, name }) => (
+                  {bannerable.genres.map(({ id, slug, name }) => (
                     <Box
                       component="span"
                       className="bg-gray-700 px-3 py-1 rounded-full text-sm"
diff --git a/src/components/Header/modules/Notifications.tsx b/src/components/Header/modules/Notifications.tsx
index caf11f3..0d15e76 100644
--- a/src/components/Header/modules/Notifications.tsx
+++ b/src/components/Header/modules/Notifications.tsx
@@ -20,7 +20,6 @@ import {
   useDeleteAllNotificationsMutation,
   useDeleteNotificationMutation,
   useMarkAllNotificationsReadMutation,
-  useMarkAllNotificationsUnreadMutation,
   useMarkNotificationReadMutation,
   useMarkNotificationUnreadMutation,
 } from '@/services/api'
@@ -54,19 +53,11 @@ function Notifications(props: NotificationsProps) {
   const [
     readAll,
     {
-      data: unreadAllData,
+      data: readAllData,
       isLoading: loadingReadAll,
       isSuccess: successReadAll,
     },
   ] = useMarkAllNotificationsReadMutation()
-  const [
-    unreadAll,
-    {
-      data: readAllData,
-      isLoading: loadingUnreadAll,
-      isSuccess: successUnreadAll,
-    },
-  ] = useMarkAllNotificationsUnreadMutation()
   const [
     deleteAll,
     {
@@ -106,10 +97,6 @@ function Notifications(props: NotificationsProps) {
     await readAll()
   }
 
-  const handleUnreadAll = async () => {
-    await unreadAll()
-  }
-
   const handleDeleteAll = async () => {
     await deleteAll()
   }
@@ -119,19 +106,18 @@ function Notifications(props: NotificationsProps) {
 
     toggle()
 
-    if (notification.content.actionUrl.startsWith('https://')) {
-      window.open(notification.content.actionUrl, '_blank')
+    if (notification.data.actionUrl.startsWith('https://')) {
+      window.open(notification.data.actionUrl, '_blank')
       return
     }
 
-    go(notification.content.actionUrl)
+    go(notification.data.actionUrl)
   }
 
   useSuccess(successRead, readData?.message)
   useSuccess(successUnread, unreadData?.message)
   useSuccess(successRemove, removeData?.message)
   useSuccess(successReadAll, readAllData?.message)
-  useSuccess(successUnreadAll, unreadAllData?.message)
   useSuccess(successDeleteAll, deleteAllData?.message)
 
   const renderEmptyState = () => (
@@ -190,38 +176,7 @@ function Notifications(props: NotificationsProps) {
     </Box>
   )
 
-  const renderMarkAllAs = () => {
-    if (notifications.some(({ read_at }) => !read_at)) {
-      return (
-        <Button
-          className="mt-4"
-          onClick={handleReadAll}
-          isLoading={loadingReadAll}>
-          Mark all as read
-        </Button>
-      )
-    }
-
-    return (
-      <Button
-        className="mt-4"
-        onClick={handleUnreadAll}
-        isLoading={loadingUnreadAll}>
-        Mark all as unread
-      </Button>
-    )
-  }
-
-  const renderDeleteAll = () => {
-    return (
-      <Button
-        className="mt-4"
-        onClick={handleDeleteAll}
-        isLoading={loadingDeleteAll}>
-        Remove all
-      </Button>
-    )
-  }
+  const hasUnread = notifications.some(({ read_at }) => !read_at)
 
   return (
     <Stack
@@ -241,9 +196,24 @@ function Notifications(props: NotificationsProps) {
         <>
           {notifications.length > 0 ? (
             <>
-              <Box className="grid grid-cols-2 gap-4 xs:grid-cols-1">
-                {renderMarkAllAs()}
-                {renderDeleteAll()}
+              <Box
+                className={`grid gap-4 mt-4 ${
+                  hasUnread ? 'grid-cols-2' : 'grid-cols-1'
+                } xs:grid-cols-1`}>
+                {hasUnread && (
+                  <Button
+                    fullWidth
+                    onClick={handleReadAll}
+                    isLoading={loadingReadAll}>
+                    Mark all as read
+                  </Button>
+                )}
+                <Button
+                  fullWidth
+                  onClick={handleDeleteAll}
+                  isLoading={loadingDeleteAll}>
+                  Remove all
+                </Button>
               </Box>
               {groupedNotifications.map(({ date, notifications }) => (
                 <Box key={date.toISOString()}>
@@ -260,7 +230,7 @@ function Notifications(props: NotificationsProps) {
                         className={`focus:outline-none w-8 h-8 border rounded-full dark:border-gray-200 border-gray-700 flex items-center flex-shrink-0 justify-center ${!notification.read_at ? 'animate-pulse' : ''}`}>
                         <Icon
                           name={
-                            notification.content.icon as keyof typeof Icons
+                            notification.data.icon as keyof typeof Icons
                           }
                           className="dark:text-gray-400 text-gray-900"
                         />
@@ -269,13 +239,13 @@ function Notifications(props: NotificationsProps) {
                         <Box
                           component="span"
                           className="focus:outline-none text-sm leading-none flex flex-col gap-2">
-                          <Tooltip title={notification.content.title}>
+                          <Tooltip title={notification.data.title}>
                             <Link
                               onClick={() =>
                                 handleOpenNotification(notification)
                               }
                               className="dark:text-gray-300 text-gray-900 hover:text-yellow-400 transition-colors duration-300 hover:animate-pulse cursor-pointer">
-                              {s(notification.content.title, 70)}
+                              {s(notification.data.title, 70)}
                             </Link>
                           </Tooltip>
                           <Typography
diff --git a/src/components/LevelCard/LevelCard.stories.tsx b/src/components/LevelCard/LevelCard.stories.tsx
index 34b3598..09f5dbe 100644
--- a/src/components/LevelCard/LevelCard.stories.tsx
+++ b/src/components/LevelCard/LevelCard.stories.tsx
@@ -11,8 +11,6 @@ import LevelCard from './LevelCard'
 const rewards: TitleReward[] = [
   {
     id: 1,
-    created_at: '2024-01-01',
-    updated_at: '2024-01-01',
     sourceable_type: 'game',
     rewardable_type: 'titles',
     title: {
diff --git a/src/components/LevelCard/LevelCard.test.tsx b/src/components/LevelCard/LevelCard.test.tsx
index 4c4f731..e75b102 100644
--- a/src/components/LevelCard/LevelCard.test.tsx
+++ b/src/components/LevelCard/LevelCard.test.tsx
@@ -17,8 +17,6 @@ const mockLevel: Level = {
 const rewards: TitleReward[] = [
   {
     id: 1,
-    created_at: '2024-01-01',
-    updated_at: '2024-01-01',
     sourceable_type: 'game',
     rewardable_type: 'titles',
     title: {
diff --git a/src/components/MissionCard/MissionCard.test.tsx b/src/components/MissionCard/MissionCard.test.tsx
index b5337f9..c84748a 100644
--- a/src/components/MissionCard/MissionCard.test.tsx
+++ b/src/components/MissionCard/MissionCard.test.tsx
@@ -61,7 +61,7 @@ describe('MissionCard', () => {
   it('renders the "Redeem Rewards" button when redeemable', async () => {
     const redeemableMission: Mission = {
       ...mockMission,
-      user_mission: {
+      progress: {
         completed: false,
         last_completed_at: new Date().toISOString(),
       },
@@ -90,7 +90,7 @@ describe('MissionCard', () => {
 
     const redeemableMission: Mission = {
       ...mockMission,
-      user_mission: {
+      progress: {
         completed: false,
         last_completed_at: subDays(new Date(), 1).toISOString(),
       },
@@ -125,7 +125,10 @@ describe('MissionCard', () => {
   it('displays "New" tag for missions created within the last week', () => {
     const recentMission: Mission = {
       ...(MOCK_MISSIONS.shift() as Mission),
-      status: 'available',
+      status: {
+        id: 1,
+        name: 'available',
+      },
       created_at: new Date().toISOString(),
     }
 
@@ -137,7 +140,10 @@ describe('MissionCard', () => {
   it('renders the correct status chip based on mission status', () => {
     const inProgressMission: Mission = {
       ...(MOCK_MISSIONS.shift() as Mission),
-      status: 'available',
+      status: {
+        id: 1,
+        name: 'available',
+      },
     }
 
     renderWithToaster(<MissionCard mission={inProgressMission} />)
@@ -146,7 +152,7 @@ describe('MissionCard', () => {
 
     const completedMission: Mission = {
       ...mockMission,
-      user_mission: {
+      progress: {
         completed: true,
         last_completed_at: new Date().toISOString(),
       },
diff --git a/src/components/MissionCard/MissionCard.tsx b/src/components/MissionCard/MissionCard.tsx
index 7be6ab6..336217a 100644
--- a/src/components/MissionCard/MissionCard.tsx
+++ b/src/components/MissionCard/MissionCard.tsx
@@ -29,23 +29,23 @@ function MissionCard(props: MissionCardProps) {
     useCompleteMissionMutation()
 
   const shouldApplyOpacity = ['canceled', 'unavailable'].includes(
-    mission.status,
+    mission.status.name,
   )
 
   const overallProgress = c(mission.requirements)
 
-  const isRecurring = mission.frequency !== 'one-time'
+  const isRecurring = mission.frequency !== 'one_time'
   const resetTime = isRecurring
     ? `Resets at: ${formatRelative(new Date(mission.reset_time), new Date())}`
     : ''
 
   const rewardsRedeemable =
-    !(mission.user_mission && mission.user_mission.completed) &&
+    !(mission.progress && mission.progress.completed) &&
     overallProgress >= 100 &&
     !shouldApplyOpacity
 
   const renderNewTag =
-    mission.status === 'available' &&
+    mission.status.name === 'available' &&
     isWithinInterval(new Date(mission.created_at), {
       start: subWeeks(new Date(), 1),
       end: new Date(),
@@ -190,28 +190,28 @@ function MissionCard(props: MissionCardProps) {
         <Box className="mt-4">
           <Chip
             label={
-              mission.user_mission?.completed
+              mission.progress?.completed
                 ? 'Completed'
                 : overallProgress === 100
                   ? 'Redeemable'
-                  : mission.status === 'available'
+                  : mission.status.name === 'available'
                     ? 'In Progress'
-                    : mission.status.charAt(0).toUpperCase() +
-                      mission.status.slice(1)
+                    : mission.status.name.charAt(0).toUpperCase() +
+                      mission.status.name.slice(1)
             }
             className={`capitalize text-white px-4 py-1 rounded-full shadow-lg ${
-              mission.user_mission?.completed || overallProgress === 100
+              mission.progress?.completed || overallProgress === 100
                 ? 'bg-green-600'
-                : mission.status === 'available'
+                : mission.status.name === 'available'
                   ? 'bg-yellow-600'
                   : 'bg-theme-red-900'
             }`}
             icon={
-              mission.user_mission?.completed ? (
+              mission.progress?.completed ? (
                 <FaCheckCircle className="text-white" />
               ) : overallProgress === 100 ? (
                 <FaGift className="text-white" />
-              ) : mission.status === 'available' ? (
+              ) : mission.status.name === 'available' ? (
                 <FaPlayCircle className="text-white" />
               ) : (
                 <IoClose className="text-white" />
diff --git a/src/components/RewardList/RewardList.stories.tsx b/src/components/RewardList/RewardList.stories.tsx
index b06afbb..4da0be6 100644
--- a/src/components/RewardList/RewardList.stories.tsx
+++ b/src/components/RewardList/RewardList.stories.tsx
@@ -10,8 +10,6 @@ import RewardList from './RewardList'
 const rewards: TitleReward[] = [
   {
     id: 1,
-    created_at: '2024-01-01',
-    updated_at: '2024-01-01',
     sourceable_type: 'game',
     rewardable_type: 'titles',
     title: {
diff --git a/src/components/RewardList/RewardList.test.tsx b/src/components/RewardList/RewardList.test.tsx
index a384bdf..076093f 100644
--- a/src/components/RewardList/RewardList.test.tsx
+++ b/src/components/RewardList/RewardList.test.tsx
@@ -9,8 +9,6 @@ describe('RewardList Component', () => {
     const rewards: TitleReward[] = [
       {
         id: 1,
-        created_at: '2024-01-01',
-        updated_at: '2024-01-01',
         sourceable_type: 'game',
         rewardable_type: 'titles',
         title: {
@@ -35,8 +33,6 @@ describe('RewardList Component', () => {
     const rewards: BaseReward[] = [
       {
         id: 2,
-        created_at: '2024-01-01',
-        updated_at: '2024-01-01',
         sourceable_type: 'game',
         rewardable_type: 'unsupported_type',
       },
diff --git a/src/components/TitleCard/TitleCard.test.tsx b/src/components/TitleCard/TitleCard.test.tsx
index bb96502..32599d5 100644
--- a/src/components/TitleCard/TitleCard.test.tsx
+++ b/src/components/TitleCard/TitleCard.test.tsx
@@ -1,12 +1,12 @@
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import toast from 'react-hot-toast'
 
-import { MOCK_TITLES, MOCK_USER } from '@/mocks'
+import { MOCK_MISSIONS, MOCK_TITLES, MOCK_USER } from '@/mocks'
 import {
   useBuyTitleMutation,
   useToggleTitleMutation,
 } from '@/services/api'
-import { Title, User } from '@/types'
+import { Mission, Title, User } from '@/types'
 
 import TitleCard from './TitleCard'
 
@@ -21,6 +21,7 @@ jest.mock('react-hot-toast', () => ({
 
 const mockUser: User = MOCK_USER
 const mockTitle: Title = MOCK_TITLES.pop() as Title
+const mockMission: Mission = MOCK_MISSIONS.pop() as Mission
 
 describe('TitleCard', () => {
   beforeEach(() => {
@@ -50,18 +51,24 @@ describe('TitleCard', () => {
   it('shows the progress bar correctly', () => {
     const halfTitle: Title = {
       ...mockTitle,
-      requirements: [
-        {
-          ...mockTitle.requirements[0],
-          progress: {
-            id: 1,
-            progress: mockTitle.requirements[0].goal / 2,
-            completed: false,
-            created_at: '2024-01-01T00:00:00.000Z',
-            updated_at: '2024-01-01T00:00:00.000Z',
-          },
+      rewardable: {
+        id: 1,
+        rewardable_type: 'App\\\\Models\\\\Title',
+        sourceable_type: 'App\\\\Models\\\\Mission',
+        sourceable: {
+          ...mockMission,
+          requirements: [
+            {
+              ...mockMission.requirements[0],
+              progress: {
+                id: 1,
+                progress: mockMission.requirements[0].goal / 2,
+                completed: false,
+              },
+            },
+          ],
         },
-      ],
+      },
     }
 
     render(<TitleCard user={mockUser} title={halfTitle} />)
@@ -88,6 +95,7 @@ describe('TitleCard', () => {
       ...(MOCK_TITLES.shift() as Title),
       purchasable: true,
       cost: 50,
+      own: false,
     }
 
     render(
@@ -96,7 +104,7 @@ describe('TitleCard', () => {
           ...mockUser,
           wallet: {
             id: 1,
-            amount: 50,
+            balance: 50,
           },
         }}
         title={purchasable}
@@ -163,18 +171,24 @@ describe('TitleCard', () => {
 
     const completedTitle: Title = {
       ...mockTitle,
-      requirements: [
-        {
-          ...mockTitle.requirements[0],
-          progress: {
-            id: 1,
-            progress: 100,
-            completed: true,
-            created_at: '2024-01-01T00:00:00.000Z',
-            updated_at: '2024-01-01T00:00:00.000Z',
-          },
+      rewardable: {
+        id: 2,
+        rewardable_type: 'App\\\\Models\\\\Title',
+        sourceable_type: 'App\\\\Models\\\\Mission',
+        sourceable: {
+          ...mockMission,
+          requirements: [
+            {
+              ...mockMission.requirements[0],
+              progress: {
+                id: 1,
+                progress: 100,
+                completed: true,
+              },
+            },
+          ],
         },
-      ],
+      },
     }
 
     render(<TitleCard user={mockUser} title={completedTitle} />)
diff --git a/src/components/TitleCard/TitleCard.tsx b/src/components/TitleCard/TitleCard.tsx
index 89df5dc..8cd2f92 100644
--- a/src/components/TitleCard/TitleCard.tsx
+++ b/src/components/TitleCard/TitleCard.tsx
@@ -42,16 +42,18 @@ function TitleCard(props: TitleCardProps) {
     }
   }, [buySuccess, isSuccess])
 
-  const overallProgress = c(title.requirements)
+  const overallProgress = c(
+    title.rewardable?.sourceable.requirements || [],
+  )
 
   const shouldApplyOpacity = ['canceled', 'unavailable'].includes(
-    title.status,
+    title.status.name,
   )
 
   const handlePurchase = async () => {
     if (!(title.cost && title.purchasable)) return
 
-    if (user.wallet.amount >= title.cost) {
+    if (user.wallet.balance >= title.cost) {
       await buy(title.id)
     }
   }
@@ -61,6 +63,10 @@ function TitleCard(props: TitleCardProps) {
   }
 
   const isEnabled = user.title && user.title.id === title.id
+  const hasRequirements =
+    title.rewardable &&
+    title.rewardable.sourceable &&
+    title.rewardable.sourceable.requirements
 
   return (
     <Card
@@ -69,11 +75,12 @@ function TitleCard(props: TitleCardProps) {
           ? 'opacity-50'
           : 'hover:-translate-y-2 shadow-lg duration-500 hover:shadow-2xl hover:border-red-700 transition-transform'
       }`}>
-      <CardContent className="text-white group flex flex-col mb-6">
+      <CardContent
+        className={`text-white group flex flex-col ${hasRequirements ? 'mb-6' : ''}`}>
         <Typography className="md:text-2xl text-xl font-bold mb-4 text-theme-red-900">
           {title.title}
         </Typography>
-        <Typography className="dark:text-gray-400 text-gray-500 mb-6">
+        <Typography className="dark:text-gray-400 text-gray-500">
           {title.description}
         </Typography>
 
@@ -81,78 +88,66 @@ function TitleCard(props: TitleCardProps) {
           <Box className="absolute inset-0 rounded-xl border-2 border-theme-red-900 opacity-25 group-hover:opacity-100 transition-opacity duration-300 blur-md pointer-events-none" />
         )}
 
-        <Box className="relative mb-6">
-          <LinearProgress
-            variant="determinate"
-            value={overallProgress}
-            className="h-2 rounded-full dark:bg-zinc-900 bg-gray-300"
-            sx={{
-              '& .MuiLinearProgress-bar': {
-                backgroundColor: '#ff4d4d',
-              },
-            }}
-          />
-          <Box className="absolute right-0 -top-6 text-white text-sm font-bold">
-            {overallProgress}%
-          </Box>
-        </Box>
-
-        <Typography className="text-lg font-bold text-theme-red-900 mb-2">
-          Requirements
-        </Typography>
-        <Box
-          className={`grid ${
-            title.requirements.length > 1
-              ? 'md:grid-cols-2 grid-cols-1'
-              : 'grid-cols-1'
-          } md:gap-4 gap-2 w-full`}>
-          {title.requirements.map((req) => (
-            <List
-              key={req.id}
-              disablePadding
-              className="flex justify-between items-center text-gray-200 p-4 rounded-lg border border-zinc-900 my-2">
-              <ListItem
-                disablePadding
-                secondaryAction={
-                  <Typography className="font-bold text-theme-red-900">
-                    {req.progress?.completed ? (
-                      <IoCheckmarkOutline size={18} />
-                    ) : (
-                      `${req.progress?.progress || 0}/${req.goal}`
-                    )}
-                  </Typography>
-                }>
-                <ListItemText
-                  primary={req.task}
-                  secondary={req.description}
-                  primaryTypographyProps={{
-                    className: 'dark:text-white text-gray-700',
-                  }}
-                  secondaryTypographyProps={{
-                    className: 'dark:text-white text-gray-700',
-                  }}
-                />
-              </ListItem>
-            </List>
-          ))}
-        </Box>
-
-        {title.purchasable && overallProgress !== 100 && (
-          <Button
-            fullWidth
-            className={`bg-theme-red-900 text-white px-4 py-2 rounded-full shadow-lg hover:bg-red-700 transition-all mt-2 ${
-              title.cost && user.wallet.amount < title.cost
-                ? 'opacity-50 cursor-not-allowed'
-                : ''
-            }`}
-            startIcon={<FaShoppingCart />}
-            disabled={title.cost ? user.wallet.amount < title.cost : true}
-            onClick={handlePurchase}
-            loading={loadingBuy}>
-            Buy for {title.cost} Coins
-          </Button>
+        {title.rewardable && title.rewardable.sourceable && (
+          <>
+            <Box className="relative my-6">
+              <LinearProgress
+                variant="determinate"
+                value={overallProgress}
+                className="h-2 rounded-full dark:bg-zinc-900 bg-gray-300"
+                sx={{
+                  '& .MuiLinearProgress-bar': {
+                    backgroundColor: '#ff4d4d',
+                  },
+                }}
+              />
+              <Box className="absolute right-0 -top-6 text-white text-sm font-bold">
+                {overallProgress}%
+              </Box>
+            </Box>
+            <Typography className="text-lg font-bold text-theme-red-900 mb-2">
+              Requirements
+            </Typography>
+            <Box
+              className={`grid ${
+                title.rewardable.sourceable.requirements.length > 1
+                  ? 'md:grid-cols-2 grid-cols-1'
+                  : 'grid-cols-1'
+              } md:gap-4 gap-2 w-full`}>
+              {title.rewardable.sourceable.requirements.map((req) => (
+                <List
+                  key={req.id}
+                  disablePadding
+                  className="flex justify-between items-center text-gray-200 p-4 rounded-lg border border-zinc-900 my-2">
+                  <ListItem
+                    disablePadding
+                    secondaryAction={
+                      <Typography className="font-bold text-theme-red-900">
+                        {req.progress?.completed ? (
+                          <IoCheckmarkOutline size={18} />
+                        ) : (
+                          `${req.progress?.progress || 0}/${req.goal}`
+                        )}
+                      </Typography>
+                    }>
+                    <ListItemText
+                      primary={req.task}
+                      secondary={req.description}
+                      primaryTypographyProps={{
+                        className: 'dark:text-white text-gray-700',
+                      }}
+                      secondaryTypographyProps={{
+                        className: 'dark:text-white text-gray-700',
+                      }}
+                    />
+                  </ListItem>
+                </List>
+              ))}
+            </Box>
+          </>
         )}
-        {overallProgress === 100 && (
+
+        {title.own ? (
           <Button
             fullWidth
             className="bg-theme-red-900 text-white px-4 py-2 rounded-full shadow-lg hover:bg-red-700 transition-all mt-2"
@@ -161,21 +156,40 @@ function TitleCard(props: TitleCardProps) {
             loading={isLoading}>
             {isEnabled ? 'Disable' : 'Enable'} title
           </Button>
+        ) : (
+          title.purchasable && (
+            <Button
+              fullWidth
+              className={`bg-theme-red-900 text-white px-4 py-2 rounded-full shadow-lg hover:bg-red-700 transition-all mt-2 ${
+                title.cost && user.wallet.balance < title.cost
+                  ? 'opacity-50 cursor-not-allowed'
+                  : ''
+              }`}
+              startIcon={<FaShoppingCart />}
+              disabled={
+                title.cost ? user.wallet.balance < title.cost : true
+              }
+              onClick={handlePurchase}
+              loading={loadingBuy}>
+              Buy for {title.cost} Coins
+            </Button>
+          )
         )}
       </CardContent>
 
-      {overallProgress === 100 ? (
-        <Chip
-          label="Owned"
-          className="capitalize bg-green-600 text-white px-4 py-1 rounded-full shadow-lg absolute bottom-4 left-10"
-          icon={<FaCheckCircle color="white" />}
-        />
-      ) : (
-        <Chip
-          label="In progress"
-          className="capitalize bg-yellow-600 text-white px-4 py-1 rounded-full shadow-lg absolute bottom-4 left-10"
-        />
-      )}
+      {hasRequirements &&
+        (title.own ? (
+          <Chip
+            label="Owned"
+            className="capitalize bg-green-600 text-white px-4 py-1 rounded-full shadow-lg absolute bottom-4 left-10"
+            icon={<FaCheckCircle color="white" />}
+          />
+        ) : (
+          <Chip
+            label="In progress"
+            className="capitalize bg-yellow-600 text-white px-4 py-1 rounded-full shadow-lg absolute bottom-4 left-10"
+          />
+        ))}
     </Card>
   )
 }
diff --git a/src/constants.ts b/src/constants.ts
index d825f51..8aa0fe6 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -2,7 +2,7 @@ export const prodEnv = import.meta.env.PROD
 export const NEWS_API_KEY = '36589b860323e5af3f28a05a8610190436bb7239'
 
 export const baseUrl: string =
-  import.meta.env.VITE_BASE_URL || 'http://localhost:8080'
+  import.meta.env.VITE_BASE_URL || 'http://localhost:8000'
 
 export const USER_KEY = '_gc_OauiWmzbwz27rYcjdWtG2dksUHFz8TPk'
 export const ARTICLES_KEY = '_gc_Ias83Ksi94Lkddmwe(23*239sdKkssjJ'
diff --git a/src/mocks/data/banners.ts b/src/mocks/data/banners.ts
index 4ee397e..d55c34a 100644
--- a/src/mocks/data/banners.ts
+++ b/src/mocks/data/banners.ts
@@ -1,12 +1,12 @@
 import { faker } from '@faker-js/faker'
 
-import { Banner } from '@/types'
+import { GameBanner } from '@/types'
 
-export const MOCK_BANNERS: Banner[] = [
+export const MOCK_BANNERS: GameBanner[] = [
   {
     id: 1,
-    bannerable_type: 'games',
-    game: {
+    type: 'games',
+    bannerable: {
       id: 1,
       condition: 'hot',
       slug: 'black-myth-wukong',
@@ -45,8 +45,8 @@ export const MOCK_BANNERS: Banner[] = [
   },
   {
     id: 2,
-    bannerable_type: 'games',
-    game: {
+    type: 'games',
+    bannerable: {
       id: 2,
       slug: 'god-of-war-ragnarok',
       title: 'God of War: Ragnarok',
@@ -81,8 +81,8 @@ export const MOCK_BANNERS: Banner[] = [
   },
   {
     id: 3,
-    bannerable_type: 'games',
-    game: {
+    type: 'games',
+    bannerable: {
       id: 3,
       views_count: faker.number.int(),
       hearts_count: faker.number.int(),
@@ -115,8 +115,8 @@ export const MOCK_BANNERS: Banner[] = [
   },
   {
     id: 4,
-    bannerable_type: 'games',
-    game: {
+    type: 'games',
+    bannerable: {
       id: 4,
       slug: 'alan-wake-2',
       title: 'Alan Wake 2',
@@ -158,8 +158,8 @@ export const MOCK_BANNERS: Banner[] = [
   },
   {
     id: 5,
-    bannerable_type: 'games',
-    game: {
+    type: 'games',
+    bannerable: {
       id: 5,
       slug: 'hades-ii',
       title: 'Hades II',
@@ -200,8 +200,8 @@ export const MOCK_BANNERS: Banner[] = [
   },
   {
     id: 6,
-    bannerable_type: 'games',
-    game: {
+    type: 'games',
+    bannerable: {
       id: 6,
       slug: 'star-wars-outlaws',
       title: 'Star Wars: Outlaws',
diff --git a/src/mocks/data/blogs.ts b/src/mocks/data/blogs.ts
index 095d4b8..f530843 100644
--- a/src/mocks/data/blogs.ts
+++ b/src/mocks/data/blogs.ts
@@ -37,7 +37,7 @@ for (let i = 0; i < 100; i++) {
       },
       wallet: {
         id: 1,
-        amount: faker.number.int(),
+        balance: faker.number.int(),
       },
     },
   }
@@ -80,7 +80,7 @@ export const MOCK_BLOG_DETAILS: BlogDetails = {
     },
     wallet: {
       id: 1,
-      amount: faker.number.int(),
+      balance: faker.number.int(),
     },
   },
   comments: [
diff --git a/src/mocks/data/game.ts b/src/mocks/data/game.ts
index a6dfd34..a2cea16 100644
--- a/src/mocks/data/game.ts
+++ b/src/mocks/data/game.ts
@@ -29,9 +29,12 @@ export const MOCK_GAME_DETAILS: GameDetails = {
   is_free: false,
   crack: {
     id: 1,
-    status: 'uncracked',
+    status: {
+      id: 2,
+      name: 'uncracked',
+    },
     cracked_at: null,
-    by: null,
+    cracker: null,
     protection: {
       id: 1,
       name: 'Denuvo',
@@ -86,23 +89,23 @@ export const MOCK_GAME_DETAILS: GameDetails = {
     {
       id: 1,
       path: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2358720/ss_86c4b7462bba219a0d0b89931a35812b9f188976.1920x1080.jpg?t=1725007201',
-      media_type: { id: 1, name: 'photo' },
+      type: { id: 1, name: 'photo' },
     },
     {
       id: 2,
       path: 'http://video.akamai.steamstatic.com/store_trailers/257048125/movie_max.mp4?t=1724238304',
-      media_type: { id: 2, name: 'video' },
+      type: { id: 2, name: 'video' },
     },
   ],
   reviews: [
     {
       id: 1,
-      played: true,
+      consumed: true,
       rate: 5,
       review: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!
           Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!
           Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!`,
-      user: {
+      by: {
         id: 1,
         name: 'Player 1',
         email: 'dev@dev.com',
@@ -114,12 +117,12 @@ export const MOCK_GAME_DETAILS: GameDetails = {
     },
     {
       id: 2,
-      played: false,
+      consumed: false,
       rate: 3.5,
       review: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!
           Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!
           Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!`,
-      user: {
+      by: {
         id: 2,
         name: 'Player 2',
         email: 'dev2@dev.com',
@@ -131,11 +134,11 @@ export const MOCK_GAME_DETAILS: GameDetails = {
     },
     {
       id: 3,
-      played: false,
+      consumed: false,
       rate: 2.5,
       review:
         'Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!',
-      user: {
+      by: {
         id: 3,
         name: 'Player 3',
         email: 'dev3@dev.com',
@@ -147,11 +150,11 @@ export const MOCK_GAME_DETAILS: GameDetails = {
     },
     {
       id: 4,
-      played: true,
+      consumed: true,
       rate: 2,
       review:
         'Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat laudantium praesentium architecto quis iusto aut et non facere, incidunt quo corrupti? Quibusdam ipsum voluptate quaerat distinctio ea. Quasi, debitis maiores!',
-      user: {
+      by: {
         id: 4,
         name: 'Player 4',
         email: 'dev4@dev.com',
@@ -166,39 +169,45 @@ export const MOCK_GAME_DETAILS: GameDetails = {
     {
       id: 1,
       release_date: '2024-08-19',
-      name: 'Black Myth: Wukong Deluxe Edition Upgrade',
+      title: 'Black Myth: Wukong Deluxe Edition Upgrade',
+      categories: [],
+      developers: [],
+      genres: [],
+      publishers: [],
+      tags: [],
+      slug: 'black-myth-wukong-deluxe-edition-upgrade',
       cover:
         'https://cdn1.epicgames.com/spt-assets/ca9ef1bcf2f54043baac351366aec677/black-myth-wukong-1t5ca.jpg',
       galleries: [
         {
           id: 1,
           path: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2672610/ss_fda62ee2e4ead7eac83ef0e825c6a644d6d38fa2.1920x1080.jpg?t=1725007043',
-          media_type: { id: 1, name: 'photo' },
+          type: { id: 1, name: 'photo' },
         },
         {
           id: 2,
           path: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2672610/ss_86c4b7462bba219a0d0b89931a35812b9f188976.1920x1080.jpg?t=1725007043',
-          media_type: { id: 1, name: 'photo' },
+          type: { id: 1, name: 'photo' },
         },
         {
           id: 3,
           path: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2672610/ss_fda62ee2e4ead7eac83ef0e825c6a644d6d38fa2.1920x1080.jpg?t=1725007043',
-          media_type: { id: 1, name: 'photo' },
+          type: { id: 1, name: 'photo' },
         },
         {
           id: 4,
           path: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2672610/ss_86c4b7462bba219a0d0b89931a35812b9f188976.1920x1080.jpg?t=1725007043',
-          media_type: { id: 1, name: 'photo' },
+          type: { id: 1, name: 'photo' },
         },
         {
           id: 5,
           path: 'http://video.akamai.steamstatic.com/store_trailers/257048125/movie_max.mp4?t=1724238304',
-          media_type: { id: 2, name: 'video' },
+          type: { id: 2, name: 'video' },
         },
         {
           id: 6,
           path: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2672610/ss_86c4b7462bba219a0d0b89931a35812b9f188976.1920x1080.jpg?t=1725007043',
-          media_type: { id: 1, name: 'photo' },
+          type: { id: 1, name: 'photo' },
         },
       ],
       platforms: [
@@ -356,7 +365,7 @@ export const MOCK_GAME_DETAILS: GameDetails = {
       os: 'Windows 10 64-bit',
       obs: 'HDD Supported, SSD Recommended. The above specifications were tested with DLSS/FSR/XeSS enabled.',
       network: 'Non necessary',
-      requirement_type: { id: 1, os: 'minimum', potential: 'windows' },
+      type: { id: 1, os: 'windows', potential: 'minimum' },
     },
     {
       id: 2,
@@ -368,17 +377,18 @@ export const MOCK_GAME_DETAILS: GameDetails = {
       os: 'Windows 10 64-bit',
       obs: 'SSD Required. The above specifications were tested with DLSS/FSR/XeSS enabled.',
       network: 'Non necessary',
-      requirement_type: { id: 2, os: 'recommended', potential: 'windows' },
+      type: { id: 2, os: 'windows', potential: 'recommended' },
     },
   ],
   torrents: [
     {
       id: 1,
-      posted_in: '2024-02-09T00:00:00.000Z',
+      posted_at: '2024-02-09T00:00:00.000Z',
       url: 'https://google.com',
       provider: {
         id: 1,
         name: 'FitGirl Repacks',
+        slug: 'fitgirl-repacks',
         url: 'https://google.com',
       },
     },
diff --git a/src/mocks/data/home.ts b/src/mocks/data/home.ts
index 559d65e..6f9b160 100644
--- a/src/mocks/data/home.ts
+++ b/src/mocks/data/home.ts
@@ -14,6 +14,6 @@ export const MOCK_HOME: Home = {
   banners: MOCK_BANNERS,
   popular: MOCK_POPULAR_GAMES,
   next_release: MOCK_NEXT_RELEASE,
-  upcoming_games: MOCK_UPCOMING_GAMES,
-  most_liked_games: MOCK_MOST_LIKED_GAMES,
+  upcoming: MOCK_UPCOMING_GAMES,
+  most_liked: MOCK_MOST_LIKED_GAMES,
 }
diff --git a/src/mocks/data/missions.ts b/src/mocks/data/missions.ts
index ec9a5a3..0de2ba5 100644
--- a/src/mocks/data/missions.ts
+++ b/src/mocks/data/missions.ts
@@ -9,9 +9,9 @@ export const MOCK_MISSIONS: Mission[] = [
     coins: 10,
     experience: 50,
     created_at: faker.date.anytime().toISOString(),
-    frequency: 'one-time',
+    frequency: 'one_time',
     reset_time: faker.date.anytime().toISOString(),
-    user_mission: null,
+    progress: null,
     description:
       'Slay the dragon in the Dark Forest to earn rare rewards.',
     requirements: [
@@ -39,7 +39,10 @@ export const MOCK_MISSIONS: Mission[] = [
       },
     ],
     rewards: [],
-    status: 'available',
+    status: {
+      id: 1,
+      name: 'available',
+    },
   },
   {
     id: 2,
@@ -49,7 +52,7 @@ export const MOCK_MISSIONS: Mission[] = [
     created_at: faker.date.anytime().toISOString(),
     frequency: 'daily',
     reset_time: faker.date.anytime().toISOString(),
-    user_mission: null,
+    progress: null,
     description: 'Go to your profile and add a custom profile pic!',
     requirements: [
       {
@@ -65,7 +68,10 @@ export const MOCK_MISSIONS: Mission[] = [
       },
     ],
     rewards: [],
-    status: 'available',
+    status: {
+      id: 1,
+      name: 'available',
+    },
   },
   {
     id: 3,
@@ -75,7 +81,7 @@ export const MOCK_MISSIONS: Mission[] = [
     created_at: faker.date.anytime().toISOString(),
     frequency: 'monthly',
     reset_time: faker.date.anytime().toISOString(),
-    user_mission: {
+    progress: {
       completed: true,
       last_completed_at: faker.date.anytime().toISOString(),
     },
@@ -103,16 +109,23 @@ export const MOCK_MISSIONS: Mission[] = [
         updated_at: faker.date.anytime().toISOString(),
         title: {
           id: 1,
+          own: false,
           title: 'Gaming Senior',
           description: 'You are the gaming senior!',
           created_at: faker.date.anytime().toISOString(),
+          updated_at: faker.date.anytime().toISOString(),
           purchasable: false,
-          status: 'available',
-          requirements: [],
+          status: {
+            id: 1,
+            name: 'available',
+          },
         },
       },
     ],
-    status: 'available',
+    status: {
+      id: 1,
+      name: 'available',
+    },
   },
   {
     id: 4,
@@ -122,7 +135,7 @@ export const MOCK_MISSIONS: Mission[] = [
     created_at: '2024-10-01T00:00:00.000Z',
     frequency: 'monthly',
     reset_time: faker.date.anytime().toISOString(),
-    user_mission: null,
+    progress: null,
     description:
       'Go to the coins section and make a new transaction to spend your coins!',
     requirements: [
@@ -147,15 +160,22 @@ export const MOCK_MISSIONS: Mission[] = [
         updated_at: faker.date.anytime().toISOString(),
         title: {
           id: 1,
+          own: false,
           title: 'Gaming Senior',
           description: 'You are the gaming senior!',
           created_at: faker.date.anytime().toISOString(),
+          updated_at: faker.date.anytime().toISOString(),
           purchasable: false,
-          status: 'available',
-          requirements: [],
+          status: {
+            id: 1,
+            name: 'available',
+          },
         },
       },
     ],
-    status: 'available',
+    status: {
+      id: 1,
+      name: 'available',
+    },
   },
 ]
diff --git a/src/mocks/data/notifications.ts b/src/mocks/data/notifications.ts
index b12a737..f7e3230 100644
--- a/src/mocks/data/notifications.ts
+++ b/src/mocks/data/notifications.ts
@@ -8,7 +8,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: faker.date.anytime().toISOString(),
     created_at: '2024-08-30T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title:
         'The game that you was following was finally released! Check it out.',
       actionUrl: '/games/2913423',
@@ -20,7 +20,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: null,
     created_at: '2024-08-30T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title: 'The game you saved on your wishlist is now on sale!',
       actionUrl: '/games/2913423',
       icon: 'CiBadgeDollar',
@@ -31,7 +31,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: null,
     created_at: '2024-08-30T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title: 'A new game with the tag Fantasy was released.',
       actionUrl: '/games/2913423',
       icon: 'MdOutlineNewReleases',
@@ -42,7 +42,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: faker.date.anytime().toISOString(),
     created_at: '2024-08-29T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title: 'John Doe liked your comment.',
       actionUrl: '/games/2913423',
       icon: 'IoHeartOutline',
@@ -53,7 +53,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: faker.date.anytime().toISOString(),
     created_at: '2024-08-22T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title: 'John Doe liked your comment.',
       actionUrl: '/games/2913423',
       icon: 'IoHeartOutline',
@@ -64,7 +64,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: faker.date.anytime().toISOString(),
     created_at: '2024-08-26T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title: 'John Doe liked your comment.',
       actionUrl: '/games/2913423',
       icon: 'IoHeartOutline',
@@ -75,7 +75,7 @@ export const MOCK_NOTIFICATIONS: Notification[] = [
     read_at: null,
     created_at: '2024-08-26T19:52:00.000Z',
     updated_at: '2024-08-30T19:52:00.000Z',
-    content: {
+    data: {
       title:
         'Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quos quam optio porro pariatur excepturi quis corrupti blanditiis consectetur at quasi eum veniam mollitia quo dolores quia, repellendus dignissimos necessitatibus libero?',
       actionUrl: '/games/2913423',
diff --git a/src/mocks/data/titles.ts b/src/mocks/data/titles.ts
index 903fd95..8d04d06 100644
--- a/src/mocks/data/titles.ts
+++ b/src/mocks/data/titles.ts
@@ -7,89 +7,151 @@ export const MOCK_TITLES: Title[] = [
     id: 1,
     title: 'Gaming Senior',
     description: 'You are the master of games!',
-    requirements: [
-      {
+    own: false,
+    cost: 1000,
+    purchasable: true,
+    status: {
+      id: 1,
+      name: 'available',
+    },
+    created_at: faker.date.anytime().toISOString(),
+    updated_at: faker.date.anytime().toISOString(),
+    rewardable: {
+      id: 1,
+      rewardable_type: 'App\\\\Models\\\\Title',
+      sourceable_type: 'App\\\\Models\\\\Mission',
+      sourceable: {
         id: 1,
-        task: 'Reach level 10',
-        goal: 10,
+        coins: 10,
+        progress: null,
+        experience: 10,
+        frequency: 'one_time',
+        mission: faker.lorem.words(),
+        description: faker.lorem.text(),
+        reset_time: faker.date.anytime().toISOString(),
         created_at: faker.date.anytime().toISOString(),
-        updated_at: faker.date.anytime().toISOString(),
-        progress: {
+        status: {
           id: 1,
-          progress: 8,
-          completed: false,
-          created_at: faker.date.anytime().toISOString(),
-          updated_at: faker.date.anytime().toISOString(),
-        },
-      },
-      {
-        id: 2,
-        task: 'Obtain a fire sword',
-        goal: 1,
-        created_at: faker.date.anytime().toISOString(),
-        updated_at: faker.date.anytime().toISOString(),
-        progress: {
-          id: 2,
-          progress: 0,
-          completed: false,
-          created_at: faker.date.anytime().toISOString(),
-          updated_at: faker.date.anytime().toISOString(),
+          name: 'available',
         },
+        rewards: [],
+        requirements: [
+          {
+            id: 1,
+            task: 'Reach level 10',
+            goal: 10,
+            progress: {
+              id: 1,
+              progress: 8,
+              completed: false,
+            },
+          },
+          {
+            id: 2,
+            task: 'Obtain a fire sword',
+            goal: 1,
+            progress: {
+              id: 2,
+              progress: 0,
+              completed: false,
+            },
+          },
+        ],
       },
-    ],
-    cost: 1000,
-    purchasable: true,
-    status: 'progress',
-    created_at: faker.date.anytime().toISOString(),
+    },
   },
   {
     id: 2,
+    own: false,
     title: 'Update your profile picture',
     description: 'Go to your profile and add a custom profile pic!',
-    requirements: [
-      {
-        id: 3,
-        task: 'Update your profile picture.',
-        goal: 1,
+    purchasable: false,
+    status: {
+      id: 1,
+      name: 'available',
+    },
+    created_at: faker.date.anytime().toISOString(),
+    updated_at: faker.date.anytime().toISOString(),
+    rewardable: {
+      id: 2,
+      rewardable_type: 'App\\\\Models\\\\Title',
+      sourceable_type: 'App\\\\Models\\\\Mission',
+      sourceable: {
+        id: 2,
+        coins: 10,
+        progress: null,
+        experience: 10,
+        frequency: 'one_time',
+        mission: faker.lorem.words(),
+        description: faker.lorem.text(),
+        reset_time: faker.date.anytime().toISOString(),
         created_at: faker.date.anytime().toISOString(),
-        updated_at: faker.date.anytime().toISOString(),
-        progress: {
-          id: 3,
-          progress: 0,
-          completed: false,
-          created_at: faker.date.anytime().toISOString(),
-          updated_at: faker.date.anytime().toISOString(),
+        status: {
+          id: 1,
+          name: 'available',
         },
+        rewards: [],
+        requirements: [
+          {
+            id: 3,
+            task: 'Update your profile picture.',
+            goal: 1,
+            progress: {
+              id: 3,
+              progress: 0,
+              completed: false,
+            },
+          },
+        ],
       },
-    ],
-    purchasable: false,
-    status: 'available',
-    created_at: faker.date.anytime().toISOString(),
+    },
   },
   {
     id: 3,
+    own: true,
     title: 'Make a new transaction',
     description:
       'Go to the coins section and make a new transaction to spend your coins!',
-    requirements: [
-      {
-        id: 4,
-        task: 'Make a new transaction.',
-        goal: 1,
-        created_at: faker.date.anytime().toISOString(),
-        updated_at: faker.date.anytime().toISOString(),
-        progress: {
-          id: 4,
-          progress: 1,
-          completed: true,
-          created_at: faker.date.anytime().toISOString(),
-          updated_at: faker.date.anytime().toISOString(),
-        },
-      },
-    ],
     purchasable: true,
     cost: 90000,
-    status: 'completed',
+    status: {
+      id: 1,
+      name: 'available',
+    },
     created_at: faker.date.anytime().toISOString(),
+    updated_at: faker.date.anytime().toISOString(),
+    rewardable: {
+      id: 3,
+      rewardable_type: 'App\\\\Models\\\\Title',
+      sourceable_type: 'App\\\\Models\\\\Mission',
+      sourceable: {
+        id: 3,
+        coins: 10,
+        progress: null,
+        experience: 10,
+        frequency: 'one_time',
+        mission: faker.lorem.words(),
+        description: faker.lorem.text(),
+        reset_time: faker.date.anytime().toISOString(),
+        created_at: faker.date.anytime().toISOString(),
+        status: {
+          id: 1,
+          name: 'available',
+        },
+        rewards: [],
+        requirements: [
+          {
+            id: 4,
+            task: 'Make a new transaction.',
+            goal: 1,
+            progress: {
+              id: 4,
+              progress: 1,
+              completed: true,
+            },
+          },
+        ],
+      },
+    },
   },
 ]
diff --git a/src/mocks/data/transactions.ts b/src/mocks/data/transactions.ts
index 6061927..1f17953 100644
--- a/src/mocks/data/transactions.ts
+++ b/src/mocks/data/transactions.ts
@@ -9,8 +9,11 @@ for (let i = 0; i < 20; i++) {
     id: 1,
     amount: faker.number.int(),
     description: faker.lorem.sentence(),
-    type: faker.helpers.arrayElement(['addition', 'subtraction']),
     created_at: faker.date.anytime().toISOString(),
+    type: {
+      id: 1,
+      type: faker.helpers.arrayElement(['addition', 'subtraction']),
+    },
   }
 
   const newTransaction: Transaction = {
diff --git a/src/mocks/data/user.ts b/src/mocks/data/user.ts
index c2f67ba..c4edf38 100644
--- a/src/mocks/data/user.ts
+++ b/src/mocks/data/user.ts
@@ -22,7 +22,7 @@ export const MOCK_USER: User = {
   },
   wallet: {
     id: 1,
-    amount: faker.number.int(),
+    balance: faker.number.int(),
   },
 }
 
@@ -157,7 +157,7 @@ export const MOCK_TEAM_MEMBERS: TeamMember[] = [
       },
     ],
     image:
-      'https://media.licdn.com/dms/image/v2/D4D03AQEWxmd_PO-GQw/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1726190852644?e=1731542400&v=beta&t=sjM1wZFhdC_9XENTKpxO2MYNjLGAnC118zFKsosq470',
+      'https://media.licdn.com/dms/image/v2/D4D03AQEWxmd_PO-GQw/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1726190852644?e=1742428800&v=beta&t=wc_m4BoK2wccWmzEiwX-6oj7nW7n73ldxg2D_DStZyI',
     socials: {
       github: 'https://github.com/felipebrsk/',
       linkedin: 'https://linkedin.com/in/felipe-luz-oliveira/',
diff --git a/src/pages/Calendar/Calendar.tsx b/src/pages/Calendar/Calendar.tsx
index 4da8ec4..095f739 100644
--- a/src/pages/Calendar/Calendar.tsx
+++ b/src/pages/Calendar/Calendar.tsx
@@ -7,6 +7,8 @@ import {
   useMediaQuery,
 } from '@mui/material'
 import { format, isSameDay, parseISO } from 'date-fns'
+import { useState } from 'react'
+import { CalendarProps } from 'react-calendar'
 import { useNavigate } from 'react-router-dom'
 
 import { Icon } from '@/components'
@@ -27,6 +29,7 @@ interface CalendarTileProperties {
 function Calendar() {
   const mode = useTheme()
   const go = useNavigate()
+  const [date, setDate] = useState(new Date())
   const isMobile = useMediaQuery('(max-width: 490px)')
   const { games, isLoading } = useCalendarGamesQuery(undefined, {
     selectFromResult: ({ data = [], isLoading, isFetching }) => ({
@@ -35,6 +38,8 @@ function Calendar() {
     }),
   })
 
+  const currentDate = new Date()
+
   const getTileContent = ({ date, view }: CalendarTileProperties) => {
     const appointment = games.filter((game) =>
       isSameDay(parseISO(game.release_date), date),
@@ -43,7 +48,13 @@ function Calendar() {
     if (!appointment || view !== 'month') return null
 
     return (
-      <Box sx={{ padding: isMobile ? '0.25rem' : '0.5rem' }}>
+      <Box
+        sx={{
+          padding: isMobile ? '0.25rem' : '0.5rem',
+          display: 'flex',
+          flexDirection: 'column',
+          width: '100%',
+        }}>
         {appointment.map((item) => (
           <Tooltip
             title={`${item.title} - ${format(parseISO(item.release_date), 'yyyy-MM-dd')}`}
@@ -68,16 +79,16 @@ function Calendar() {
                   {item.title}
                   {item.crack &&
                     ['cracked', 'cracked-oneday'].includes(
-                      item.crack.status,
+                      item.crack.status.name,
                     ) && (
                       <Tooltip title="Crack is available" arrow>
-                        <span>
+                        <Box component="span">
                           <Icon
                             name="IoCheckmarkCircleOutline"
                             className="group-hover:text-green-600 text-green-400 mb-0.5"
                             size={14}
                           />
-                        </span>
+                        </Box>
                       </Tooltip>
                     )}
                 </Box>
@@ -89,6 +100,17 @@ function Calendar() {
     )
   }
 
+  const props: CalendarProps = {
+    locale: 'en-US',
+    minDetail: 'year',
+    tileContent: (tileProps: CalendarTileProperties) =>
+      getTileContent(tileProps),
+    onChange: (value) => value && setDate(value as Date),
+    value: date,
+    maxDate: new Date(currentDate.getFullYear(), 11),
+    minDate: new Date(currentDate.getFullYear() - 1, 0),
+  }
+
   return isLoading ? (
     <Box className="py-24">
       <CircularProgress
@@ -100,17 +122,9 @@ function Calendar() {
     <Box className={!isMobile ? 'p-12' : 'p-8'}>
       {!isMobile ? (
         mode === 'dark' ? (
-          <StyledCalendar
-            locale="en-US"
-            minDetail="year"
-            tileContent={getTileContent}
-          />
+          <StyledCalendar {...props} />
         ) : (
-          <StyledCalendarLight
-            locale="en-US"
-            minDetail="year"
-            tileContent={getTileContent}
-          />
+          <StyledCalendarLight {...props} />
         )
       ) : (
         <Typography>
diff --git a/src/pages/Calendar/modules/UpcomingList.tsx b/src/pages/Calendar/modules/UpcomingList.tsx
index 75eca06..4282d0a 100644
--- a/src/pages/Calendar/modules/UpcomingList.tsx
+++ b/src/pages/Calendar/modules/UpcomingList.tsx
@@ -3,7 +3,9 @@ import {
   FormControl,
   InputLabel,
   MenuItem,
+  Pagination,
   Select,
+  Typography,
 } from '@mui/material'
 import { format, isSameMonth, isSameYear } from 'date-fns'
 import { useState } from 'react'
@@ -15,8 +17,11 @@ interface UpcomingListProps {
   games: GameList[]
 }
 
+const ITEMS_PER_PAGE = 10
+
 function UpcomingList(props: UpcomingListProps) {
   const { games } = props
+  const [currentPage, setCurrentPage] = useState<number>(1)
   const [selectedMonth, setSelectedMonth] = useState<number>(
     new Date().getMonth(),
   )
@@ -26,7 +31,7 @@ function UpcomingList(props: UpcomingListProps) {
 
   const months = Array.from({ length: 12 }, (_, i) => i)
   const currentYear = new Date().getFullYear()
-  const years = Array.from({ length: 5 }, (_, i) => currentYear - 2 + i)
+  const years = Array.from({ length: 2 }, (_, i) => currentYear - i)
 
   const filteredGames = games.filter(
     (game) =>
@@ -40,14 +45,28 @@ function UpcomingList(props: UpcomingListProps) {
       ),
   )
 
+  const totalGames = filteredGames.length
+  const totalPages = Math.ceil(totalGames / ITEMS_PER_PAGE)
+  const paginatedGames = filteredGames.slice(
+    (currentPage - 1) * ITEMS_PER_PAGE,
+    currentPage * ITEMS_PER_PAGE,
+  )
+
+  const handlePageChange = (_: any, page: number) => {
+    setCurrentPage(page)
+  }
+
   return (
     <Box className="mt-8">
       <Box className="flex sm:flex-row flex-col gap-4 mb-8">
-        <FormControl>
+        <FormControl fullWidth>
           <InputLabel>Month</InputLabel>
           <Select
             value={selectedMonth}
-            onChange={(e) => setSelectedMonth(e.target.value as number)}
+            onChange={(e) => {
+              setSelectedMonth(e.target.value as number)
+              setCurrentPage(1)
+            }}
             label="Month">
             {months.map((month) => (
               <MenuItem key={month} value={month}>
@@ -57,11 +76,14 @@ function UpcomingList(props: UpcomingListProps) {
           </Select>
         </FormControl>
 
-        <FormControl>
+        <FormControl fullWidth>
           <InputLabel>Year</InputLabel>
           <Select
             value={selectedYear}
-            onChange={(e) => setSelectedYear(e.target.value as number)}
+            onChange={(e) => {
+              setSelectedYear(e.target.value as number)
+              setCurrentPage(1)
+            }}
             label="Year">
             {years.map((year) => (
               <MenuItem key={year} value={year}>
@@ -72,17 +94,38 @@ function UpcomingList(props: UpcomingListProps) {
         </FormControl>
       </Box>
 
-      <div className="grid grid-cols-1 gap-4">
-        {filteredGames.length > 0 ? (
-          filteredGames.map((game) => (
+      <Box className="grid grid-cols-1 gap-4">
+        {paginatedGames.length > 0 ? (
+          paginatedGames.map((game) => (
             <GameCard key={game.id} game={game} view="list" />
           ))
         ) : (
-          <p className="text-gray-500">
+          <Typography className="text-gray-500">
             No games found for this month and year.
-          </p>
+          </Typography>
         )}
-      </div>
+      </Box>
+
+      <Box className="flex justify-end mt-4">
+        <Pagination
+          count={totalPages}
+          page={currentPage}
+          onChange={handlePageChange}
+          sx={{
+            '& .MuiPaginationItem-root': {
+              color: '#ff4d4d',
+              '&:hover': {
+                color: '#fff',
+                bgcolor: '#ff4d4d',
+              },
+            },
+            '& .Mui-selected': {
+              color: '#fff',
+              bgcolor: '#ff4d4d !important',
+            },
+          }}
+        />
+      </Box>
     </Box>
   )
 }
diff --git a/src/pages/Game/Details.tsx b/src/pages/Game/Details.tsx
index 2844c01..c8d89ff 100644
--- a/src/pages/Game/Details.tsx
+++ b/src/pages/Game/Details.tsx
@@ -113,7 +113,7 @@ function Details() {
                       </Box>
                       <Box
                         component="section"
-                        className="grid sm:grid-cols-2 grid-cols-1 gap-4">
+                        className={`grid gap-4 ${game.reviews.length === 1 ? 'grid-cols-1' : 'sm:grid-cols-2 grid-cols-1'}`}>
                         {game.reviews.map((review) => (
                           <ReviewCard key={review.id} review={review} />
                         ))}
diff --git a/src/pages/Game/modules/Availables.tsx b/src/pages/Game/modules/Availables.tsx
index 360dc60..0db7deb 100644
--- a/src/pages/Game/modules/Availables.tsx
+++ b/src/pages/Game/modules/Availables.tsx
@@ -24,7 +24,8 @@ function Availables(props: AvailablesProps) {
             <Link
               target="_blank"
               href={`/companies/${gameStore.store.slug}`}
-              className="dark:text-white text-black">
+              className="dark:text-white text-black"
+              rel="noopener noreferrer">
               {gameStore.store.name}
             </Link>
           </Typography>
diff --git a/src/pages/Game/modules/DLCs.tsx b/src/pages/Game/modules/DLCs.tsx
index 37dded1..af2de29 100644
--- a/src/pages/Game/modules/DLCs.tsx
+++ b/src/pages/Game/modules/DLCs.tsx
@@ -37,14 +37,14 @@ function DLCs(props: DLCsProps) {
         <Box className="flex flex-col sm:flex-row items-center gap-4 relative">
           <img
             src={dlc.cover}
-            alt={`${dlc.name} Cover`}
+            alt={`${dlc.title} Cover`}
             className="sm:w-48 w-full rounded-lg border-2 border-theme-red-900 shadow-md hover:shadow-red-500/50 hover:scale-105 transition-transform duration-300"
           />
           <Box className="flex-1">
             <Typography
               variant="h3"
               className="text-xl font-bold text-theme-red-900 dark:text-white dark:neon-text">
-              {dlc.name}
+              {dlc.title}
             </Typography>
             <Typography
               component="span"
@@ -83,14 +83,14 @@ function DLCs(props: DLCsProps) {
             Gallery
           </Typography>
           <Box className="flex flex-wrap gap-4">
-            {dlc.galleries.map(({ id, media_type, path }) => (
+            {dlc.galleries.map(({ id, type, path }) => (
               <Box
                 key={id}
                 className="relative group cursor-pointer p-1 rounded-lg sm:w-auto w-full"
                 onClick={() =>
-                  openModal(path, media_type.name as 'photo' | 'video')
+                  openModal(path, type.name as 'photo' | 'video')
                 }>
-                {media_type.name === 'photo' ? (
+                {type.name === 'photo' ? (
                   <img
                     src={path}
                     alt={`Gallery ${id}`}
diff --git a/src/pages/Game/modules/Galleries.tsx b/src/pages/Game/modules/Galleries.tsx
index d9a0edd..85003a5 100644
--- a/src/pages/Game/modules/Galleries.tsx
+++ b/src/pages/Game/modules/Galleries.tsx
@@ -14,7 +14,7 @@ function Galleries(props: GalleriesProps) {
     <Swiper loop modules={[Navigation]} navigation>
       {galleries.map((gallery) => (
         <SwiperSlide key={gallery.id}>
-          {gallery.media_type.name === 'photo' ? (
+          {gallery.type.name === 'photo' ? (
             <img
               src={gallery.path}
               alt={`Gallery ${gallery.id}`}
diff --git a/src/pages/Game/modules/MainDetails.tsx b/src/pages/Game/modules/MainDetails.tsx
index d82371b..453ce56 100644
--- a/src/pages/Game/modules/MainDetails.tsx
+++ b/src/pages/Game/modules/MainDetails.tsx
@@ -105,7 +105,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/crackers/${game.crack.protection.slug}`}
                     className="hover:text-theme-red-900 transition-colors duration-300"
-                    target="_blank">
+                    target="_blank"
+                    rel="noopener noreferrer">
                     {game.crack.protection.name}
                   </Link>
                 ) : (
@@ -123,10 +124,11 @@ function MainDetails(props: MainDetailsProps) {
                 <Tooltip title="Check all games with this crack status">
                   <Link
                     href={`/games/cracks/${game.crack?.status}`}
-                    target="_blank">
+                    target="_blank"
+                    rel="noopener noreferrer">
                     <Chip
-                      label={mapCrack[game.crack.status]}
-                      className={`${game.crack.status === 'cracked' || game.crack.status === 'cracked-oneday' ? 'bg-green-500' : 'bg-red-500'} text-white`}
+                      label={mapCrack[game.crack.status.name]}
+                      className={`${['cracked', 'cracked-oneday'].includes(game.crack.status.name) ? 'bg-green-500' : 'bg-red-500'} text-white`}
                     />
                   </Link>
                 </Tooltip>
@@ -137,7 +139,7 @@ function MainDetails(props: MainDetailsProps) {
                 />
               )}
             </Box>
-            {game.crack && game.crack.by && (
+            {game.crack && game.crack.cracker && (
               <Box className="flex sm:flex-row flex-col items-center gap-1">
                 <Typography
                   component="span"
@@ -148,10 +150,11 @@ function MainDetails(props: MainDetailsProps) {
                   component="span"
                   className="font-bold dark:text-white text-gray-800 text-lg">
                   <Link
-                    href={`/crackers/${game.crack.by.slug}`}
+                    href={`/crackers/${game.crack.cracker.slug}`}
                     className="hover:text-theme-red-900 transition-colors duration-300"
-                    target="_blank">
-                    {game.crack.by.name}
+                    target="_blank"
+                    rel="noopener noreferrer">
+                    {game.crack.cracker.name}
                   </Link>
                 </Typography>
               </Box>
@@ -197,7 +200,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/games/platforms/${platform.slug}`}
                     target="_blank"
-                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300">
+                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300"
+                    rel="noopener noreferrer">
                     {platform.name}
                   </Link>
                 </ListItem>
@@ -230,7 +234,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/games/genres/${genre.slug}`}
                     target="_blank"
-                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300">
+                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300"
+                    rel="noopener noreferrer">
                     {genre.name}
                   </Link>
                 </ListItem>
@@ -267,7 +272,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/games/tags/${tag.slug}`}
                     target="_blank"
-                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300">
+                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300"
+                    rel="noopener noreferrer">
                     {tag.name}
                   </Link>
                 </ListItem>
@@ -300,7 +306,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/games/categories/${category.slug}`}
                     target="_blank"
-                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300">
+                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300"
+                    rel="noopener noreferrer">
                     {category.name}
                   </Link>
                 </ListItem>
@@ -337,7 +344,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/games/publishers/${publisher.slug}`}
                     target="_blank"
-                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300">
+                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300"
+                    rel="noopener noreferrer">
                     {publisher.name}
                   </Link>
                 </ListItem>
@@ -370,7 +378,8 @@ function MainDetails(props: MainDetailsProps) {
                   <Link
                     href={`/games/developers/${developer.slug}`}
                     target="_blank"
-                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300">
+                    className="dark:text-gray-200 text-black dark:hover:text-theme-red-900 hover:text-theme-red-900 transition-colors duration-300"
+                    rel="noopener noreferrer">
                     {developer.name}
                   </Link>
                 </ListItem>
diff --git a/src/pages/Game/modules/Requirements.tsx b/src/pages/Game/modules/Requirements.tsx
index 585d4d9..dc5774d 100644
--- a/src/pages/Game/modules/Requirements.tsx
+++ b/src/pages/Game/modules/Requirements.tsx
@@ -17,16 +17,15 @@ function Requirements(props: RequirementsProps) {
 
   const sortedRequirements = [...requirements].sort((a, b) => {
     return (
-      potentialPriority[a.requirement_type.potential] -
-      potentialPriority[b.requirement_type.potential]
+      potentialPriority[a.type.potential] -
+      potentialPriority[b.type.potential]
     )
   })
 
   const uniqueTypes = Array.from(
     new Set(
       sortedRequirements.map(
-        (req) =>
-          `${req.requirement_type.os}-${req.requirement_type.potential}`,
+        (req) => `${req.type.os}-${req.type.potential}`,
       ),
     ),
   ).map((key) => {
@@ -59,9 +58,7 @@ function Requirements(props: RequirementsProps) {
 
       {sortedRequirements
         .filter(
-          (req) =>
-            `${req.requirement_type.os}-${req.requirement_type.potential}` ===
-            activeTab,
+          (req) => `${req.type.os}-${req.type.potential}` === activeTab,
         )
         .map((req) => (
           <div
@@ -70,11 +67,10 @@ function Requirements(props: RequirementsProps) {
             <div className="absolute inset-0 rounded-lg opacity-10 hover:opacity-30 transition-opacity duration-500 pointer-events-none" />
 
             <h3 className="sm:text-left text-center text-xl font-bold text-theme-red-900 mb-4">
-              {req.requirement_type.os.charAt(0).toUpperCase() +
-                req.requirement_type.os.slice(1)}
+              {req.type.os.charAt(0).toUpperCase() + req.type.os.slice(1)}
               {' - '}
-              {req.requirement_type.potential.charAt(0).toUpperCase() +
-                req.requirement_type.potential.slice(1)}{' '}
+              {req.type.potential.charAt(0).toUpperCase() +
+                req.type.potential.slice(1)}{' '}
               requirements
             </h3>
 
diff --git a/src/pages/Game/modules/ReviewCard.tsx b/src/pages/Game/modules/ReviewCard.tsx
index 50dcd19..96bd0a3 100644
--- a/src/pages/Game/modules/ReviewCard.tsx
+++ b/src/pages/Game/modules/ReviewCard.tsx
@@ -1,4 +1,4 @@
-import { Box, Rating, Typography } from '@mui/material'
+import { Avatar, Box, Rating, Typography } from '@mui/material'
 
 import { Review } from '@/types'
 
@@ -19,17 +19,18 @@ function ReviewCard(props: ReviewCardProps) {
   return (
     <Box className="relative p-4 border dark:border-gray-800 border-gray-100 bg-gradient-to-b dark:from-zinc-900 from-gray-200 to-transparent rounded-lg shadow-lg transition-all duration-300 sm:text-left text-center flex flex-col gap-2">
       <Box className="flex items-center sm:flex-row flex-col gap-2">
-        <img
-          src={review.user.photo}
-          alt={review.user.nickname}
-          className="w-16 h-16 rounded-full border-4 border-primary"
-        />
+        <Avatar
+          src={review.by.photo}
+          alt={review.by.name}
+          className="ring-2 ring-theme-red-900 w-12 h-12">
+          {Array.from(review.by.name)[0]}
+        </Avatar>
         <Box>
           <Typography className="text-lg font-bold text-dark dark:text-white">
-            {review.user.nickname}
+            {review.by.nickname}
           </Typography>
           <Typography className="text-sm text-gray-700 dark:text-gray-300">
-            {review.user.name}
+            {review.by.name}
           </Typography>
         </Box>
       </Box>
@@ -46,11 +47,11 @@ function ReviewCard(props: ReviewCardProps) {
           className={rateColor()}
         />
       </Box>
-      {review.played && (
+      {review.consumed && (
         <Typography
           component="span"
           className="bg-green-500 text-white text-xs font-bold px-2 py-1 rounded animate-bounce absolute top-4 right-4">
-          Played
+          Consumed
         </Typography>
       )}
     </Box>
diff --git a/src/pages/Game/modules/Torrents.tsx b/src/pages/Game/modules/Torrents.tsx
index 0759300..d811598 100644
--- a/src/pages/Game/modules/Torrents.tsx
+++ b/src/pages/Game/modules/Torrents.tsx
@@ -26,9 +26,10 @@ function Torrents(props: TorrentsProps) {
                   className="font-bold sm:text-2xl text-xl">
                   <Tooltip title={`Go to ${torrent.provider.name}`}>
                     <Link
-                      href={torrent.url}
+                      href={torrent.provider.url}
                       target="_blank"
-                      className="underline dark:text-gray-400 text-zinc-700">
+                      className="underline dark:text-gray-400 text-zinc-700"
+                      rel="noopener noreferrer">
                       {torrent.provider.name}
                     </Link>
                   </Tooltip>
@@ -37,7 +38,7 @@ function Torrents(props: TorrentsProps) {
                   component="p"
                   className="dark:text-gray-300 text-gray-700">
                   Posted at:{' '}
-                  {format(new Date(torrent.posted_in), 'LLL, dd yyyy')}
+                  {format(new Date(torrent.posted_at), 'LLL, dd yyyy')}
                 </Typography>
               </Box>
               <Link
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 23d2e55..8253a23 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -28,12 +28,10 @@ function Home() {
       {home.hot.length > 0 && <HotGames games={home.hot} />}
       {home.next_release && <HomeNextRelease game={home.next_release} />}
       {home.popular.length > 0 && <PopularGames games={home.popular} />}
-      {home.most_liked_games.length > 0 && (
-        <LikedGames games={home.most_liked_games} />
-      )}
-      {home.upcoming_games.length > 0 && (
-        <UpcomingGames games={home.upcoming_games} />
+      {home.most_liked.length > 0 && (
+        <LikedGames games={home.most_liked} />
       )}
+      {home.upcoming.length > 0 && <UpcomingGames games={home.upcoming} />}
     </Box>
   )
 }
diff --git a/src/pages/Home/modules/LikedGames.tsx b/src/pages/Home/modules/LikedGames.tsx
index a2d559c..466da16 100644
--- a/src/pages/Home/modules/LikedGames.tsx
+++ b/src/pages/Home/modules/LikedGames.tsx
@@ -14,7 +14,7 @@ function LikedGames(props: LikedGamesProps) {
   const { games } = props
 
   return (
-    <Box component="section" className="relative w-full h-[70vh] bg-black">
+    <Box component="section" className="relative w-full h-screen bg-black">
       <Swiper
         loop
         autoplay={{
diff --git a/src/pages/News/List.tsx b/src/pages/News/List.tsx
index a1059be..fb91a62 100644
--- a/src/pages/News/List.tsx
+++ b/src/pages/News/List.tsx
@@ -84,7 +84,8 @@ function List() {
         <Link
           href="https://www.gamespot.com/api/documentation"
           className="underline text-theme-red-900 hover:text-red-400 transition-colors duration-500"
-          target="_blank">
+          target="_blank"
+          rel="noopener noreferrer">
           Docs
         </Link>
       </Typography>
diff --git a/src/pages/Profile/Sections/Coins.tsx b/src/pages/Profile/Sections/Coins.tsx
index 28615b6..f73a3f9 100644
--- a/src/pages/Profile/Sections/Coins.tsx
+++ b/src/pages/Profile/Sections/Coins.tsx
@@ -22,17 +22,17 @@ function Coins(props: CoinsProps) {
       <Stack spacing={4} alignItems="center" className="relative mb-12">
         <Box className="relative w-36 h-36 bg-theme-red-900 rounded-full flex items-center justify-center shadow-2xl animate-bounce">
           <Typography className="text-white text-3xl font-bold">
-            {user.wallet.amount}
+            {user.wallet.balance}
           </Typography>
           <Box className="absolute inset-0 rounded-full border-4 border-yellow-400 blur-md opacity-20" />
         </Box>
         <Box className="w-full sm:max-w-sm border border-theme-red-900 dark:text-white text-black px-4 py-1 rounded-lg shadow-lg flex justify-center items-center text-center">
-          You have {user.wallet.amount} coins!
+          You have {user.wallet.balance} coins!
         </Box>
       </Stack>
 
       <Stack spacing={6}>
-        {user.wallet.amount > 0 && (
+        {user.wallet.balance > 0 && (
           <Card className="relative bg-transparent p-4 rounded-xl border border-theme-red-900 shadow-lg duration-500 hover:shadow-2xl hover:border-red-700 transition-transform hover:-translate-y-2">
             <CardContent className="text-white text-center group flex flex-col items-center">
               <AiOutlineMinusCircle className="text-theme-red-900 text-5xl mb-4 group-hover:animate-spin" />
diff --git a/src/pages/Profile/Sections/Titles.tsx b/src/pages/Profile/Sections/Titles.tsx
index fe243ec..57ccd0a 100644
--- a/src/pages/Profile/Sections/Titles.tsx
+++ b/src/pages/Profile/Sections/Titles.tsx
@@ -10,7 +10,6 @@ import { ChangeEvent, useState } from 'react'
 import { Tabs, TitleCard } from '@/components'
 import { useGetTitlesQuery } from '@/services/api'
 import { User } from '@/types'
-import { calculateOverallProgress as c } from '@/utils'
 
 interface TitlesProps {
   user: User
@@ -32,12 +31,8 @@ function Titles(props: TitlesProps) {
     setCurrentPage(value)
   }
 
-  const ownedTitles = titles.filter(
-    ({ requirements }) => c(requirements) === 100,
-  )
-  const availableTitles = titles.filter(
-    ({ requirements }) => c(requirements) < 100,
-  )
+  const ownedTitles = titles.filter(({ own }) => own)
+  const availableTitles = titles.filter(({ own }) => !own)
   const purchasableTitles = titles.filter(({ purchasable }) => purchasable)
 
   const getTitlesByTab = () => {
@@ -55,7 +50,7 @@ function Titles(props: TitlesProps) {
 
   const titlesForActiveTab = getTitlesByTab()
     .slice()
-    .sort((a) => (c(a.requirements) === 100 ? 1 : -1))
+    .sort((a) => (a.own ? 1 : -1))
 
   const displayedTitles = titlesForActiveTab.slice(
     (currentPage - 1) * titlesPerPage,
diff --git a/src/pages/Profile/Sections/Transactions.tsx b/src/pages/Profile/Sections/Transactions.tsx
index b6998ce..2d54fae 100644
--- a/src/pages/Profile/Sections/Transactions.tsx
+++ b/src/pages/Profile/Sections/Transactions.tsx
@@ -34,8 +34,8 @@ function Transactions() {
 
   const filteredTransactions = transactions.filter(({ type: tType }) => {
     if (type === 'all') return true
-    if (type === 'add') return tType === 'addition'
-    return tType === 'subtraction'
+    if (type === 'add') return tType.type === 'addition'
+    return tType.type === 'subtraction'
   })
 
   const startIndex = (page - 1) * pageSize
@@ -152,7 +152,7 @@ function Transactions() {
                         <TableCell
                           align="center"
                           className="border-b border-gray-700 px-4 py-2">
-                          {transaction.type}
+                          {transaction.type.type}
                         </TableCell>
                       </TableRow>
                     ))}
diff --git a/src/pages/Search/Search.tsx b/src/pages/Search/Search.tsx
index 50cdaab..e3dba2b 100644
--- a/src/pages/Search/Search.tsx
+++ b/src/pages/Search/Search.tsx
@@ -46,13 +46,17 @@ function Search() {
   const [view, setView] = useState<'grid' | 'list'>('grid')
   const [isAnimating, setIsAnimating] = useState<boolean>(false)
   const [filters, setFilters] = useState<{
-    Category?: string
-    Genre?: string
-    Platform?: string
+    Category: string
+    Genre: string
+    Platform: string
+    Crack: string
+    Protection: string
   }>({
     Genre: 'all',
+    Crack: 'all',
     Platform: 'all',
     Category: 'all',
+    Protection: 'all',
   })
   const [sort, setSort] = useState<SortState>({
     field: 'title',
@@ -68,14 +72,40 @@ function Search() {
   }
 
   const applyFiltersAndSort = () => {
-    const filteredGames = originalGames.filter(
-      ({ categories, platforms, genres }) =>
-        (filters.Category === 'all' ||
-          categories.some(({ name }) => name === filters.Category)) &&
-        (filters.Genre === 'all' ||
-          genres.some(({ name }) => name === filters.Genre)) &&
-        (filters.Platform === 'all' ||
-          platforms.some(({ name }) => name === filters.Platform)),
+    const { Category, Genre, Platform, Crack, Protection } = filters
+
+    const isAll = (filter: string) => filter === 'all'
+
+    const filterMap: { [key: string]: (item: GameList) => boolean } = {
+      Category: ({ categories }) =>
+        isAll(Category) ||
+        categories.some(({ name }) => name === Category),
+      Genre: ({ genres }) =>
+        isAll(Genre) || genres.some(({ name }) => name === Genre),
+      Platform: ({ platforms }) =>
+        isAll(Platform) || platforms.some(({ name }) => name === Platform),
+      Crack: ({ crack }) => {
+        if (isAll(Crack)) return true
+
+        if (Crack === 'uncracked') {
+          return !crack || crack.status.name === 'uncracked'
+        }
+
+        if (Crack === 'cracked') {
+          return (
+            !!crack &&
+            ['cracked', 'cracked-oneday'].includes(crack.status.name)
+          )
+        }
+
+        return false
+      },
+      Protection: ({ crack }) =>
+        isAll(Protection) || crack?.protection.name === Protection,
+    }
+
+    const filteredGames = originalGames.filter((game) =>
+      Object.values(filterMap).every((filterFn) => filterFn(game)),
     )
 
     const sortedGames = filteredGames.sort((a, b) => {
@@ -134,7 +164,9 @@ function Search() {
   }, [search])
 
   useEffect(() => {
-    if (!isLoading && games) {
+    if (isLoading) return
+
+    if (games && games.length > 0) {
       setOriginalGames(games)
       setDisplayedGames(games)
       setTotalGames(games.length)
diff --git a/src/pages/Search/modules/Filters.tsx b/src/pages/Search/modules/Filters.tsx
index e1bd650..8037c80 100644
--- a/src/pages/Search/modules/Filters.tsx
+++ b/src/pages/Search/modules/Filters.tsx
@@ -8,9 +8,11 @@ import { SortField } from '../Search'
 
 interface FiltersProps {
   filters: {
-    Category?: string
-    Genre?: string
-    Platform?: string
+    Category: string
+    Genre: string
+    Platform: string
+    Crack: string
+    Protection: string
   }
   onFilterChange: (filters: any) => void
   sort: { field: string; order: 'asc' | 'desc' }
@@ -55,26 +57,26 @@ function Filters(props: FiltersProps) {
 
   const categories = Array.from(
     new Set(
-      games.flatMap((game) =>
-        game.categories.map((category) => category.name),
+      games.flatMap(({ categories }) =>
+        categories.map(({ name }) => name),
       ),
     ),
   )
 
   const platforms = Array.from(
     new Set(
-      games.flatMap((game) =>
-        game.platforms.map((platform) => platform.name),
-      ),
+      games.flatMap(({ platforms }) => platforms.map(({ name }) => name)),
     ),
   )
 
   const genres = Array.from(
-    new Set(
-      games.flatMap((game) => game.genres.map((genre) => genre.name)),
-    ),
+    new Set(games.flatMap(({ genres }) => genres.map(({ name }) => name))),
   )
 
+  const protections = Array.from(
+    new Set(games.flatMap(({ crack }) => crack?.protection.name)),
+  ).filter(Boolean)
+
   return (
     <Box className="flex flex-col gap-4 items-center justify-between w-full p-6 dark:bg-theme-dark-900 bg-gray-300 bg-opacity-30 rounded-xl shadow-xl transition-all duration-500 ease-in-out">
       <Box className="grid sm:grid-cols-3 grid-cols-1 gap-3 w-full">
@@ -130,6 +132,37 @@ function Filters(props: FiltersProps) {
         />
       </Box>
 
+      <Box className="grid sm:grid-cols-2 grid-cols-1 gap-3 w-full">
+        <Select
+          isFull
+          label="Crack"
+          defaultValue={filters.Crack}
+          onChange={handleFilterChange}
+          options={[
+            { label: 'All', value: 'all' },
+            { label: 'Cracked', value: 'cracked' },
+            { label: 'Uncracked', value: 'uncracked' },
+          ]}
+        />
+
+        <Select
+          isFull
+          label="Protection"
+          defaultValue={filters.Protection}
+          onChange={handleFilterChange}
+          options={[
+            {
+              label: 'All',
+              value: 'all',
+            },
+            ...protections.map((c) => ({
+              label: c as string,
+              value: c as string,
+            })),
+          ]}
+        />
+      </Box>
+
       <Box className="grid sm:grid-cols-2 grid-cols-1 gap-3 w-full">
         <Select
           isFull
diff --git a/src/pages/Terms/Terms.tsx b/src/pages/Terms/Terms.tsx
index c22169a..24d1089 100644
--- a/src/pages/Terms/Terms.tsx
+++ b/src/pages/Terms/Terms.tsx
@@ -94,7 +94,8 @@ function Terms() {
             <Link
               href="/ticket/create"
               target="_blank"
-              className="text-theme-red-900">
+              className="text-theme-red-900"
+              rel="noopener noreferrer">
               click here
             </Link>
             .
diff --git a/src/services/api.ts b/src/services/api.ts
index 5ac1df3..444ec9c 100644
--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -69,7 +69,7 @@ const api = createApi({
   endpoints: (builder) => ({
     login: builder.mutation<{ message: string }, LoginCredentials>({
       query: (body) => ({
-        url: 'auth/login',
+        url: 'login',
         method: 'POST',
         body,
       }),
@@ -78,7 +78,7 @@ const api = createApi({
 
     register: builder.mutation<{ message: string }, RegisterCredentials>({
       query: (body) => ({
-        url: 'auth/register',
+        url: 'register',
         method: 'POST',
         body,
       }),
@@ -86,7 +86,7 @@ const api = createApi({
 
     forgot: builder.mutation<{ message: string }, { email: string }>({
       query: (body) => ({
-        url: 'auth/password/email/send',
+        url: 'password/reset/notify',
         method: 'POST',
         body,
       }),
@@ -95,7 +95,7 @@ const api = createApi({
     resetPass: builder.mutation<{ message: string }, ResetPasswordPayload>(
       {
         query: (body) => ({
-          url: 'auth/password/reset',
+          url: 'password/reset',
           method: 'POST',
           body,
         }),
@@ -244,20 +244,9 @@ const api = createApi({
       invalidatesTags: (_, error) => (!error ? ['notifications'] : []),
     }),
 
-    markAllNotificationsUnread: builder.mutation<
-      { message: string },
-      void
-    >({
-      query: () => ({
-        url: 'notifications/all/unread',
-        method: 'PUT',
-      }),
-      invalidatesTags: (_, error) => (!error ? ['notifications'] : []),
-    }),
-
     deleteAllNotifications: builder.mutation<{ message: string }, void>({
       query: () => ({
-        url: 'notifications/all',
+        url: 'notifications/all/remove',
         method: 'DELETE',
       }),
       invalidatesTags: (_, error) => (!error ? ['notifications'] : []),
@@ -300,7 +289,7 @@ const api = createApi({
     searchGames: builder.query<GameList[], string>({
       query: (search) => ({
         url: 'games/search',
-        params: { search },
+        params: { q: search },
       }),
       transformResponse: (res: Res<GameList[]>) => res.data,
     }),
@@ -382,7 +371,6 @@ export const {
   useMarkNotificationUnreadMutation,
   useDeleteAllNotificationsMutation,
   useMarkAllNotificationsReadMutation,
-  useMarkAllNotificationsUnreadMutation,
 } = api
 
 export default api
diff --git a/src/types/banners.ts b/src/types/banners.ts
index 66a006e..86d4680 100644
--- a/src/types/banners.ts
+++ b/src/types/banners.ts
@@ -1,7 +1,7 @@
 import { GameList } from '.'
 
-export interface Banner {
+export interface GameBanner {
   id: number
-  bannerable_type: string
-  game: GameList
+  type: string
+  bannerable: GameList
 }
diff --git a/src/types/cracks.ts b/src/types/cracks.ts
index b53b798..eceaefa 100644
--- a/src/types/cracks.ts
+++ b/src/types/cracks.ts
@@ -1,16 +1,21 @@
 import { Protection } from '.'
 
-export interface Crackers {
+export interface Cracker {
   id: number
   name: string
   slug: string
   acting: boolean
 }
 
+export interface CrackStatus {
+  id: number
+  name: 'cracked' | 'uncracked' | 'cracked-oneday'
+}
+
 export interface Crack {
   id: number
-  status: 'cracked' | 'uncracked' | 'cracked-oneday'
   cracked_at: string | null
-  by: Crackers | null
+  cracker: Cracker | null
+  status: CrackStatus
   protection: Protection
 }
diff --git a/src/types/dlcs.ts b/src/types/dlcs.ts
index c71c90b..d328b27 100644
--- a/src/types/dlcs.ts
+++ b/src/types/dlcs.ts
@@ -1,13 +1,29 @@
-import { DLCStore, Gallery, Platform } from '.'
+import {
+  Category,
+  Developer,
+  DLCStore,
+  Gallery,
+  Genre,
+  Platform,
+  Publisher,
+  Tag,
+} from '.'
 
 export interface DLC {
   id: number
-  name: string
+  slug: string
+  title: string
   about?: string
   cover: string
   release_date: string
   description?: string
   short_description?: string
+  legal?: string
+  categories: Category[]
+  tags: Tag[]
+  developers: Developer[]
+  publishers: Publisher[]
+  genres: Genre[]
   stores: DLCStore[]
   galleries: Gallery[]
   platforms: Platform[]
diff --git a/src/types/events.ts b/src/types/events.ts
index 6466aa4..5177e00 100644
--- a/src/types/events.ts
+++ b/src/types/events.ts
@@ -1,6 +1,6 @@
 export interface Notification {
   id: number
-  content: {
+  data: {
     title: string
     actionUrl: string
     icon: string
diff --git a/src/types/galleries.ts b/src/types/galleries.ts
index 8c10529..60e0529 100644
--- a/src/types/galleries.ts
+++ b/src/types/galleries.ts
@@ -6,5 +6,5 @@ export interface MediaType {
 export interface Gallery {
   id: number
   path: string
-  media_type: MediaType
+  type: MediaType
 }
diff --git a/src/types/home.ts b/src/types/home.ts
index 428dc47..ffbc956 100644
--- a/src/types/home.ts
+++ b/src/types/home.ts
@@ -1,10 +1,10 @@
-import { Banner, GameList, NextRelease } from '.'
+import { GameBanner, GameList, NextRelease } from '.'
 
 export interface Home {
   hot: GameList[]
-  banners: Banner[]
   popular: GameList[]
+  banners: GameBanner[]
   next_release: NextRelease
-  upcoming_games: GameList[]
-  most_liked_games: GameList[]
+  upcoming: GameList[]
+  most_liked: GameList[]
 }
diff --git a/src/types/missions.ts b/src/types/missions.ts
index 5d40662..b0ee8af 100644
--- a/src/types/missions.ts
+++ b/src/types/missions.ts
@@ -28,17 +28,22 @@ export interface MissionRequirement {
   progress: MissionProgress | null
 }
 
+export interface MissionStatus {
+  id: number
+  name: 'available' | 'unavailable' | 'canceled'
+}
+
 export interface Mission {
   id: number
   mission: string
   description: string
   coins: number
   experience: number
-  status: 'available' | 'unavailable' | 'canceled'
-  frequency: 'one-time' | 'daily' | 'weekly' | 'monthly'
+  status: MissionStatus
+  frequency: 'one_time' | 'daily' | 'weekly' | 'monthly'
   reset_time: string
   created_at: string
   rewards: MissionReward[]
   requirements: MissionRequirement[]
-  user_mission: UserMission | null
+  progress: UserMission | null
 }
diff --git a/src/types/requirements.ts b/src/types/requirements.ts
index 4c5844e..25a319d 100644
--- a/src/types/requirements.ts
+++ b/src/types/requirements.ts
@@ -1,7 +1,7 @@
 export interface RequirementType {
   id: number
-  os: 'minimum' | 'recommended' | 'maximum'
-  potential: 'windows' | 'mac' | 'linux'
+  os: 'windows' | 'mac' | 'linux'
+  potential: 'minimum' | 'recommended' | 'maximum'
 }
 
 export interface Requirement {
@@ -14,5 +14,5 @@ export interface Requirement {
   rom: string
   obs?: string
   network: string
-  requirement_type: RequirementType
+  type: RequirementType
 }
diff --git a/src/types/reviews.ts b/src/types/reviews.ts
index aac5975..8be5e78 100644
--- a/src/types/reviews.ts
+++ b/src/types/reviews.ts
@@ -4,14 +4,14 @@ export interface Review {
   id: number
   rate: number
   review: string
-  played: boolean
-  user: MinimalUser
+  consumed: boolean
+  by: MinimalUser
 }
 
 export interface ReviewStore {
   rate: number
   gameId: number
   userId: number
-  played: boolean
+  consumed: boolean
   review?: string
 }
diff --git a/src/types/rewards.ts b/src/types/rewards.ts
index 628dfd9..2ad3be6 100644
--- a/src/types/rewards.ts
+++ b/src/types/rewards.ts
@@ -1,7 +1,7 @@
+import { Mission } from './missions'
+
 export interface BaseReward {
   id: number
-  created_at: string
-  updated_at: string
   sourceable_type: string
   rewardable_type: string
 }
@@ -18,3 +18,7 @@ export interface TitleReward extends BaseReward {
     requirements: any | null
   }
 }
+
+export interface TitleRewardSource extends BaseReward {
+  sourceable: Mission
+}
diff --git a/src/types/titles.ts b/src/types/titles.ts
index 1869038..c105f13 100644
--- a/src/types/titles.ts
+++ b/src/types/titles.ts
@@ -1,33 +1,19 @@
-export interface TitleProgress {
-  id: number
-  progress: number
-  completed: boolean
-  created_at: string
-  updated_at: string
-}
+import { TitleRewardSource } from './rewards'
 
-export interface TitleRequirement {
+export interface TitleStatus {
   id: number
-  task: string
-  goal: number
-  description?: string
-  created_at: string
-  updated_at: string
-  progress?: TitleProgress
+  name: 'available' | 'unavailable' | 'canceled'
 }
 
 export interface Title {
   id: number
+  own: boolean
   cost?: number
   title: string
   description: string
   purchasable: boolean
-  status:
-    | 'available'
-    | 'unavailable'
-    | 'completed'
-    | 'canceled'
-    | 'progress'
+  status: TitleStatus
   created_at: string
-  requirements: TitleRequirement[]
+  updated_at: string
+  rewardable?: TitleRewardSource
 }
diff --git a/src/types/torrents.ts b/src/types/torrents.ts
index c97b5f4..20e564b 100644
--- a/src/types/torrents.ts
+++ b/src/types/torrents.ts
@@ -2,11 +2,12 @@ export interface TorrentProvider {
   id: number
   url: string
   name: string
+  slug: string
 }
 
 export interface Torrent {
   id: number
   url: string
-  posted_in: string
+  posted_at: string
   provider: TorrentProvider
 }
diff --git a/src/types/transactions.ts b/src/types/transactions.ts
index 6caef1d..1f38a7c 100644
--- a/src/types/transactions.ts
+++ b/src/types/transactions.ts
@@ -1,7 +1,12 @@
-export interface Transaction {
+export interface TransactionType {
   id: number
   type: string
+}
+
+export interface Transaction {
+  id: number
   amount: number
   created_at: string
   description: string
+  type: TransactionType
 }
diff --git a/src/types/user.ts b/src/types/user.ts
index 74f37eb..07c6e5a 100644
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -82,5 +82,5 @@ export interface Level {
 
 export interface Wallet {
   id: number
-  amount: number
+  balance: number
 }
diff --git a/src/utils/number.helpers.test.ts b/src/utils/number.helpers.test.ts
index d1d7506..f1e7ff4 100644
--- a/src/utils/number.helpers.test.ts
+++ b/src/utils/number.helpers.test.ts
@@ -1,4 +1,4 @@
-import { MissionRequirement, TitleRequirement } from '@/types'
+import { MissionRequirement } from '@/types'
 
 import { calculateOverallProgress, formatPrice } from './number.helpers'
 
@@ -21,7 +21,7 @@ describe('Utility Functions', () => {
 
   describe('calculateOverallProgress()', () => {
     it('calculates overall progress correctly with multiple requirements', () => {
-      const requirements: (MissionRequirement | TitleRequirement)[] = [
+      const requirements: MissionRequirement[] = [
         {
           id: 1,
           task: 'Fake task',
@@ -46,7 +46,7 @@ describe('Utility Functions', () => {
     })
 
     it('returns 100% if total progress meets or exceeds total goals', () => {
-      const requirements: (MissionRequirement | TitleRequirement)[] = [
+      const requirements: MissionRequirement[] = [
         {
           id: 1,
           task: 'Fake task',
@@ -71,13 +71,13 @@ describe('Utility Functions', () => {
     })
 
     it('returns 0% if no requirements are provided', () => {
-      const requirements: (MissionRequirement | TitleRequirement)[] = []
+      const requirements: MissionRequirement[] = []
 
       expect(calculateOverallProgress(requirements)).toBe(0)
     })
 
     it('calculates progress correctly with different goals and progress', () => {
-      const requirements: (MissionRequirement | TitleRequirement)[] = [
+      const requirements: MissionRequirement[] = [
         {
           id: 1,
           task: 'Fake task',
diff --git a/src/utils/number.helpers.ts b/src/utils/number.helpers.ts
index f8f39b4..390afc0 100644
--- a/src/utils/number.helpers.ts
+++ b/src/utils/number.helpers.ts
@@ -1,4 +1,4 @@
-import { MissionRequirement, TitleRequirement } from '@/types'
+import { MissionRequirement } from '@/types'
 
 export const formatPrice = (value: number | undefined) => {
   if (!value) return '$ 0.00'
@@ -10,7 +10,7 @@ export const formatPrice = (value: number | undefined) => {
 }
 
 export const calculateOverallProgress = (
-  requirements: (MissionRequirement | TitleRequirement)[],
+  requirements: MissionRequirement[],
 ): number => {
   if (requirements.length === 0) return 0