chore: config updates

packages/ui/.eslintrc.json

@@ -7,7 +7,7 @@
       "plugins": ["@typescript-eslint"],
       "parser": "@typescript-eslint/parser",
       "parserOptions": {
-        "project": true
+        "projectService": true
       }
     }
   ]

packages/ui/src/Errors/ErrorServer/ErrorServer.tsx

@@ -1,7 +1,8 @@
 "use client"
 
+import { useRouter } from "@repo/i18n/navigation"
 import { useTranslations } from "next-intl"
-import { useEffect } from "react"
+import { useEffect, useTransition } from "react"
 import { Button } from "../../Design/Button/Button.tsx"
 import { Typography } from "../../Design/Typography/Typography.tsx"
 import { MainLayout } from "../../Layout/MainLayout/MainLayout.tsx"
@@ -15,6 +16,9 @@ export interface ErrorServerProps {
 export const ErrorServer: React.FC<ErrorServerProps> = (props) => {
   const { error, reset } = props
 
+  const [isPending, startTransition] = useTransition()
+  const router = useRouter()
+
   const t = useTranslations()
 
   useEffect(() => {
@@ -29,7 +33,17 @@ export const ErrorServer: React.FC<ErrorServerProps> = (props) => {
         </Typography>
 
         <Typography variant="text1" as="p" className="mt-4">
-          <Button onClick={reset}>{t("errors.try-again")}</Button>
+          <Button
+            isLoading={isPending}
+            onClick={() => {
+              startTransition(() => {
+                router.refresh()
+                reset()
+              })
+            }}
+          >
+            {t("errors.try-again")}
+          </Button>
         </Typography>
       </Section>
     </MainLayout>

packages/ui/src/Home/Portfolio/Portfolio.tsx

@@ -1,6 +1,7 @@
 import { useTranslations } from "next-intl"
 import { Section, SectionTitle } from "../../Layout/Section/Section.tsx"
-import { PortfolioItem, type PortfolioProject } from "./PortfolioItem.tsx"
+import type { PortfolioProject } from "./PortfolioItem.tsx"
+import { PortfolioItem } from "./PortfolioItem.tsx"
 
 export interface PortfolioProps {}
 

packages/ui/src/Home/Portfolio/PortfolioItem.tsx

@@ -33,7 +33,7 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
           <div className="flex justify-center">
             <Image
               quality={100}
-              className="size-auto transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
+              className="size-[300px] transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
               width={300}
               height={300}
               src={image}