fix letter hanging and overflow issues on homepage and tournaments page

src/app/[locale]/page.tsx

@@ -75,7 +75,7 @@ export default async function Home({
         >
           <div className="cursor-pointer flex flex-row justify-between gap-4 items-center">
             <h2
-              className={`text-[clamp(2rem,1.8rem+1vw,3rem)] ${vipnagorgialla.className} font-bold italic break-all uppercase dark:text-[#EEE5E5] text-[#2A2C3F] dark:group-hover:text-[#2A2C3F] group-hover:text-black`}
+              className={`text-[clamp(2rem,1.8rem+1vw,3rem)] ${vipnagorgialla.className} font-bold italic break-all uppercase dark:text-[#EEE5E5] text-[#2A2C3F] dark:group-hover:text-[#2A2C3F] group-hover:text-black break-normal`}
             >
               {t("navigation.tournaments")}
             </h2>

src/app/[locale]/turniirid/page.tsx

@@ -11,7 +11,7 @@ export default async function Tourney({
   const { locale } = await params;
   setRequestLocale(locale);
   const t = await getTranslations({ locale });
-  const headingStyle = `text-3xl md:text-5xl lg:text-5xl ${vipnagorgialla.className} font-bold uppercase text-[#2A2C3F] dark:text-[#EEE5E5] -skew-x-2 md:-skew-x-5`;
+  const headingStyle = `text-3xl md:text-5xl lg:text-5xl ${vipnagorgialla.className} font-bold uppercase text-[#2A2C3F] dark:text-[#EEE5E5] -skew-x-2 md:-skew-x-5 break-normal`;
 
   const miniTournaments: {
     name: string;

translations/en.json

@@ -8,7 +8,7 @@
     "tickets": "Tickets",
     "rules": "Game rules",
     "stream": "Stream",
-    "tournaments": "Tournaments"
+    "tournaments": "Tourna\u00ADments"
   },
   "common": {
     "loading": "Loading...",
@@ -102,7 +102,7 @@
     "schedule": "Schedule",
     "rules": "Rules",
     "cs2": {
-      "title": "CS2 Tournament",
+      "title": "CS2 Tourna\u00ADment",
       "timing": "24th-26th October",
       "description1": "TipiLAN hosts one of Estonia's largest CS2 tournaments with a significant prize pool this fall. Grab your friends and experience the adrenaline rush!",
       "description2": "The prize pool is €5,750 distributed amongst the best teams and winners of 'Second Chance' tournament, giving all participants a chance to win.",
@@ -111,7 +111,7 @@
       "buyTicket": "BUY TICKETS"
     },
     "lol": {
-      "title": "LoL Tournament",
+      "title": "LoL Tourna\u00ADment",
       "timing": "24th-25th October",
       "description1": "TipiLAN hosts one of Estonia's largest LoL tournaments with a significant prize pool this fall. Grab your friends and experience the adrenaline rush!",
       "description2": "The prize pool is €3,000, distributed among the TOP3 teams. Each team receives €1500, €1000, or €500 based on their placement.",