fix comments and bun format

Author: Grohiik

src/app/info/page.tsx

@@ -4,40 +4,38 @@ import { api } from 'trpc/server';
 import { IconMail } from '@tabler/icons-react';
 import ActionIcon from 'components/input/action-icon';
 
-
 const styrelseOrder: Dictionary<number> = {
-  "Ordförande": 1,
-  "ViceOrdförande": 2,
-  "Sekreterare": 3,
-  "Kassör": 4,
+  Ordförande: 1,
+  ViceOrdförande: 2,
+  Sekreterare: 3,
+  Kassör: 4,
 };
 
-
-const Positions = async () => {
+const InfoPage = async () => {
   const roles = await api.permission.getRoles.query();
   const ordoredBoardCorps = await Promise.all(
     roles
-      .filter(role => Object.keys(styrelseOrder).includes(role.name))
+      .filter((role) => Object.keys(styrelseOrder).includes(role.name))
       .sort((a, b) => styrelseOrder[a.name] - styrelseOrder[b.name])
-      .flatMap(role =>
+      .flatMap((role) =>
         role.corpsii.map(async (corps) => {
           const result = await api.corps.get.query({ id: corps.id });
-          if (!result) throw new Error("Corps not found");
+          if (!result) throw new Error('Corps not found');
           return result;
-        })
-      )
+        }),
+      ),
   );
 
-  const TrivselCorps = await Promise.all(
+  const trivselCorps = await Promise.all(
     roles
-      .filter(role => role.name === "Trivselombud")
-      .flatMap(role =>
+      .filter((role) => role.name === 'Trivselombud')
+      .flatMap((role) =>
         role.corpsii.map(async (corps) => {
           const result = await api.corps.get.query({ id: corps.id });
-          if (!result) throw new Error("Corps not found");
+          if (!result) throw new Error('Corps not found');
           return result;
-        })
-      )
+        }),
+      ),
   );
 
   return (
@@ -46,31 +44,37 @@ const Positions = async () => {
       <div className='max-w-4xl'>
         <div className='flex flex-col space-y-2 p-4'>
           <h3>{lang('Styrelsen', 'The Board')}</h3>
-          {lang(`Styrelsen leder Bleckhornen under ett verksamhetsår. Tillsammans med dirigenter,
+          {lang(
+            `Styrelsen leder Bleckhornen under ett verksamhetsår. Tillsammans med dirigenter,
           balettledare, utskottsmedlemmar och andra förtroendevalda ansvarar styrelsen för planering
           av repor, spelningar, sittningar, konserter, resor och andra aktiviteter. Detta görs med stöd och
           samarbete med hela corpset`,
 
             `The board leads Bleckhornen throughout the year. Together with conductors, ballet leaders,
           committee members, and other elected representatives, the board is responsible for planning
           rehearsals, performances, formal sittings, concerts, trips, and other activities. This is done
-          with the support and collaboration of the entire corps.`)}
+          with the support and collaboration of the entire corps.`,
+          )}
           <div className='grid grid-cols-2 gap-4'>
             {ordoredBoardCorps.map((corps) => (
-              <div className='rounded border shadow-md dark:border-neutral-800 flex flex-col p-2 text-left text-sm' >
-                {corps.roles.filter(role => Object.keys(styrelseOrder).includes(role.name))[0]?.name}
+              <div className='flex flex-col rounded border p-2 text-left text-sm shadow-md dark:border-neutral-800'>
+                {
+                  corps.roles.filter((role) =>
+                    Object.keys(styrelseOrder).includes(role.name),
+                  )[0]?.name
+                }
                 <PositionInfobox corps={corps} />
               </div>
-            ))
-            }
+            ))}
           </div>
         </div>
       </div>
 
       <div className='max-w-4xl'>
         <div className='flex flex-col space-y-2 p-4'>
           <h3>Trivselombud</h3>
-          {lang(`Trivselombuden i Bleckhornen har i uppdrag att bidra till trivsel och trygghet inom
+          {lang(
+            `Trivselombuden i Bleckhornen har i uppdrag att bidra till trivsel och trygghet inom
           föreningen. Till oss kan du komma om du känner att du har upplevt något inom Bleckhornen
           som känns fel, eller om du känner att du behöver stöd eller prata om något. Trivselombuden
           kan du alltid komma pch prata med när du känner för det, men du kan också kontakta oss via
@@ -80,34 +84,36 @@ const Positions = async () => {
           safety within the association. You can come to us if you've experienced something within
           Bleckhornen that feels wrong, or if you feel that you need support or just someone to talk to.
           You can always approach the Wellbeing Representatives whenever you feel the need, but you
-          can also contact us through our forms, where there is also an option to remain anonymous.`)}
-          {roles.filter((role) => (
-            role.name == "Trivselombud"
-          )).map((role) => (
-            <div key={role.id} className='grid grid-cols-2 gap-4'>
-              {TrivselCorps.map((corps) => (
-                <div className='rounded border shadow-md dark:border-neutral-800 flex flex-col p-2 text-left text-sm' >
-                  <PositionInfobox corps={corps} />
-                </div>
-              ))
-              }
-            </div>
-          ))}
+          can also contact us through our forms, where there is also an option to remain anonymous.`,
+          )}
+          {roles
+            .filter((role) => role.name == 'Trivselombud')
+            .map((role) => (
+              <div key={role.id} className='grid grid-cols-2 gap-4'>
+                {trivselCorps.map((corps) => (
+                  <div className='flex flex-col rounded border p-2 text-left text-sm shadow-md dark:border-neutral-800'>
+                    <PositionInfobox corps={corps} />
+                  </div>
+                ))}
+              </div>
+            ))}
         </div>
       </div>
 
       <div className='max-w-4xl'>
         <div className='flex flex-col space-y-2 p-4'>
           <h3>Utskott</h3>
-          {lang(`I Bleckhornen finns flera utskott, där varje utskott har sina specifika uppgifter. 
+          {lang(
+            `I Bleckhornen finns flera utskott, där varje utskott har sina specifika uppgifter. 
             Tillsammans ser de till att föreningen fungerar smidigt och utvecklas. 
             Det finns ett utskott för alla, där din kreativitet och personlighet får flöda.  
             Samtidigt får du även chansen att lära känna personer från olika sektioner.`,
 
             `In Bleckhornen, there are several committees, each with its own specific tasks. 
             Together, they ensure that the association runs smoothly and continues to develop. 
             There’s a committee for everyone, where your creativity and personality can shine. 
-            At the same time, you also get the chance to meet and get to know people from different sections.`)}
+            At the same time, you also get the chance to meet and get to know people from different sections.`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Notmarskeriet</h4>
@@ -118,7 +124,8 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`Notmarskeriet ansvarar för alla Bleckhornens noter. Detta innebär att vi skriver ut 📠, sätter
+          {lang(
+            `Notmarskeriet ansvarar för alla Bleckhornens noter. Detta innebär att vi skriver ut 📠, sätter
           in 📒, och arkiverar ️ alla de noter som finns i våra pärmar och häften! Arbetsbördan som
           notmarsk är generellt koncentrerad runt julkonserten och karnevalerna, och då kan den vara
           rätt stor, men under den tidiga hösten och samt så gott som hela våren de år Lund ej gästas av
@@ -129,7 +136,8 @@ const Positions = async () => {
           found in our folders and booklets! A note marshal's workload is typically concentrated
           around the Christmas concert and the Karnevals, and at those points it can be a bit, but early
           Autumn and basically all of the spring semester (on non-karneval years) are typically very
-          free`)}
+          free`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Arkivet</h4>
@@ -140,15 +148,17 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`Arkivet är utskottet som förevigar allt skoj! Vi ser till att spara minnen från det roliga vi gör,
+          {lang(
+            `Arkivet är utskottet som förevigar allt skoj! Vi ser till att spara minnen från det roliga vi gör,
           bland annat i form av bilder, filmer och affischer som corps har producerat. Vi sparar också
           resultat av det slit andra funktionärer lägger ner, som corpset skulle kunna behöva i
           framtiden.`,
 
             `The Archive is the committee that immortalizes all the fun! We make sure to preserve
           memories from all the enjoyable things we do. For example, in the form of photos, videos,
           and posters produced by the corps. We also keep the results of the hard work put in by other
-          functionaries, which the corps might need in the future.`)}
+          functionaries, which the corps might need in the future.`,
+          )}
 
           <div className='flex gap-1'>
             <h4>PR</h4>
@@ -159,14 +169,16 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`PR är utskottet som ser till att vi syns och hörs även utöver spelningarna! Vårt arbete är
+          {lang(
+            `PR är utskottet som ser till att vi syns och hörs även utöver spelningarna! Vårt arbete är
           främst att sköta våra sociala medier och fota på spelningar. Inför julkonserten gör vi även
           affischerna, programbladen och söker spons. I detta utskott får kreativa idéer komma till liv!`,
 
             `PR is the committee that makes sure we’re seen and heard even beyond our performances!
           Our work mainly involves managing our social media and taking photos at gigs. Before the
           Christmas concert, we also create the posters and programs and handle sponsorships. In this
-          committee, creative ideas come to life!`)}
+          committee, creative ideas come to life!`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Baren</h4>
@@ -177,43 +189,45 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`Det är baren som förser corpset med grogg! (Ber du snällt kanske du till och med kan få en drink 😉) 
+          {lang(
+            `Det är baren som förser corpset med grogg! (Ber du snällt kanske du till och med kan få en drink 😉) 
           Den första torsdagen varje månad bjuder vi in till extra festlig eftersits med extra festlig dryck! 
           Vi serverar dessutom fördrink inför corpsafton, och rattar Bussbaren hela vägen upp till SOF och STORK. 
           Eins, zwei, drei, gesoffa!`,
 
             `The Bar is the committee that keeps the corps supplied with drinks! (If you ask nicely, you might even get a cocktail 😉) 
           On the first Thursday of every month, we host an extra festive afterparty with extra festive beverages! 
-          We also serve pre-drinks before corps evenings and run the Bus Bar all the way to SOF and STORK.`)}
+          We also serve pre-drinks before corps evenings and run the Bus Bar all the way to SOF and STORK.`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Sexmästeriet</h4>
-
           </div>
-          {lang(`Sexmästeriet är utskottet som ser till att ingen går hungrig! Vi lagar mat inför både Vårcorps och Höstcorps, 
+          {lang(
+            `Sexmästeriet är utskottet som ser till att ingen går hungrig! Vi lagar mat inför både Vårcorps och Höstcorps, 
           och ser till att hela corpset får njuta av god mat. 
           Tillsammans handlar vi ingredienser, lagar maten och har det riktigt roligt! 
           Som medlem i Sexmästeriet får du också vara med och bestämma vad som ska lagas (och presentera maten under middagarna).`,
 
             `The Culinary Committee makes sure no one goes hungry! 
           We cook for both Vårcorps and Höstcorps, making sure the whole corps gets to enjoy tasty food. 
           Together, we shop for ingredients, cook, and have a lot of fun along the way! 
-          As a member, you also get to help decide what’s on the menu (and show off your creations at the dinners).`)}
+          As a member, you also get to help decide what’s on the menu (and show off your creations at the dinners).`,
+          )}
 
           <div className='flex gap-1'>
             <h4>ITK</h4>
-            <ActionIcon
-              href={`mailto:itk@bleckhornen.org`}
-              variant='subtle'
-            >
+            <ActionIcon href={`mailto:itk@bleckhornen.org`} variant='subtle'>
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`ITK har ansvar för drift av alla Bleckhornens hemsidor, samt vidareutveckling av Blindtarmen.
-            Driftansvaret includerar blindtarmen, den publika hemsidan och vår interna wiki.`,
+          {lang(
+            `ITK har ansvar för drift av alla Bleckhornens hemsidor, samt vidareutveckling av Blindtarmen.
+            Driftansvaret includerar Blindtarmen, den publika hemsidan och vår interna wiki.`,
 
             `ITK has responsibility for the operation of all Bleckhornens websites, as well as developing Blindtarmen.
-            The operational responsebility includes Blindtarmen, the public website, and our internal wiki`)}
+            The operational responsebility includes Blindtarmen, the public website, and our internal wiki`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Pryl & prov</h4>
@@ -224,7 +238,8 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`I pryl & prov har vi ansvar för corpsets merch och provelever! 
+          {lang(
+            `I pryl & prov har vi ansvar för corpsets merch och provelever! 
           Vi försöker se till att proveleverna känner sig välkomna i föreningen 
           och att de alltid har någon att rikta frågor till om föreningen. 
           Detta gör vi genom att anordna tillställningar som t.ex. provelevsfördrinkar och en provelevsdag!
@@ -236,7 +251,8 @@ const Positions = async () => {
           and that they always have someone to turn to with questions about how things work. 
           We do this by organizing events such as pre-drinks for the new members and a special probationary members’ day!
           When it comes to merch, we handle the purchasing and sales of the orchestra's merchandise and sometimes, 
-          when we’re feeling inspired, we even design new merch ourselves!`)}
+          when we’re feeling inspired, we even design new merch ourselves!`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Materialförvaltarna</h4>
@@ -247,11 +263,13 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`Materialförvaltarna tar hand om och utvecklar Tarmen och ser till Bleckhornens prylar fungerar. 
+          {lang(
+            `Materialförvaltarna tar hand om och utvecklar Tarmen och ser till Bleckhornens prylar fungerar. 
           Har du ett roligt projekt du skulle vilja genomföra kan du alltid dryfta din idé med oss för att få tips och stöd.`,
 
             `The materials managers take care of and develop Tarmen and make sure the Bleckhorns’ equipment works. 
-          If you have a fun project you’d like to carry out, you can always discuss your idea with us to get tips and support.`)}
+          If you have a fun project you’d like to carry out, you can always discuss your idea with us to get tips and support.`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Medaljeriet</h4>
@@ -262,44 +280,45 @@ const Positions = async () => {
               <IconMail />
             </ActionIcon>
           </div>
-          {lang(`Vi i Medaljeriet håller koll på vilka medaljer som ska köpas in och delas ut 
+          {lang(
+            `Vi i Medaljeriet håller koll på vilka medaljer som ska köpas in och delas ut 
           och ger på så sätt corpsaftnarna och julkoncertsbanketten det där lilla extra! 
           Vi designar också de temaenliga julkoncertsmedaljerna varje år! 
           Utskottets finurliga tolkning av temat blir en fin souvenir till alla deltagande corps.`,
 
             `We in the Medal committee keep track of which medals are to be ordered and given out, 
           and thus we bring that extra shine to the dinner parties and the Christmas concert banquet! 
           We also design the Christmas concert medals in accordance with the concert's theme each year! 
-          The committee's clever interpretation of the theme ends up as a nice souvenir for all participating corps.`)}
+          The committee's clever interpretation of the theme ends up as a nice souvenir for all participating corps.`,
+          )}
 
           <div className='flex gap-1'>
-
             <h4>Import</h4>
-
           </div>
-          {lang(`Vi i importen ser till att det finns den finaste ölen och cidern till ett överkomligt pris. 
+          {lang(
+            `Vi i importen ser till att det finns den finaste ölen och cidern.
           Därför åker vi på roadtrips över Öresund och med färjan över Fehmarnbältet för att köpa de bästa danska produkterna i Tyskland.`,
 
-            `We from the import committee make sure with the finest beer and cider for an affordable prize. 
-          Therefore we go on roadtrips across the Öresund and with the ferry over Fehmarn belt to buy the best Danish products in Germany.`)}
+            `We from the import committee make sure with the finest beer and cider.
+          Therefore we go on roadtrips across the Öresund and with the ferry over Fehmarn belt to buy the best Danish products in Germany.`,
+          )}
 
           <div className='flex gap-1'>
             <h4>Export</h4>
-
           </div>
-          {lang(`Vi i Exporten ser till att corpset aldrig går hungriga! 
+          {lang(
+            `Vi i Exporten ser till att corpset aldrig går hungriga! 
           Vi fyller på med snacks, dryck och såklart billys! 
           Oavsett om det är rep, spelning, så ser vi till att corpset håller humöret på topp.`,
 
             `Exporten makes sure the corps never goes hungry! 
           We keep the snacks and drinks flowing and of course, plenty of Billy’s! 
-          Whether it’s a rehearsal or a gig, we make sure the corps stays happy, energized, and ready to play.`)}
-
+          Whether it’s a rehearsal or a gig, we make sure the corps stays happy, energized, and ready to play.`,
+          )}
         </div>
       </div>
     </div>
   );
 };
 
-export default Positions;
-
+export default InfoPage;

src/app/links/page.tsx

@@ -55,8 +55,8 @@ const Links = () => {
               href='https://samply.app/p/Ub5REp3lbAi3CCnJdgdm'
             >
               {lang(
-                'Samply',
-                "Samply",
+                'Samply, en hemsida där man kan streama våra låtar.',
+                'Samply, a website where you can stream our songs.',
               )}
             </a>
           </li>

src/components/navbar/index.tsx

@@ -3,7 +3,7 @@ import {
   IconClipboardList,
   IconHome,
   IconInfoSquare,
-  IconInfoHexagon,
+  IconInfoCircle,
   IconKey,
   IconLink,
   IconMicrophone2,
@@ -62,7 +62,11 @@ const userTab: NavbarLinkGroup = {
     },
     { label: lang('Sånger', 'Songs'), href: '/songs', icon: <IconMusic /> },
     { label: lang('Länkar', 'Links'), href: '/links', icon: <IconLink /> },
-    { label: lang('Om Bleckhornen', 'About Bleckhornen'), href: '/info', icon: <IconInfoHexagon /> },
+    {
+      label: lang('Om Bleckhornen', 'About Bleckhornen'),
+      href: '/info',
+      icon: <IconInfoCircle />,
+    },
   ],
 };
 const adminTab: NavbarLinkGroup = {