chore(app): lint

Author: ythecombinator

src/components/pages/about/flight-map.tsx

@@ -61,7 +61,7 @@ interface MapProps {
 function Map({ flights, airports, isDarkMode }: MapProps) {
   const [hoveredFlight, setHoveredFlight] = useState<number | null>(null);
   return (
-    <MapContainer center={[20, 0]} zoom={2} className="absolute inset-0 w-full h-full">
+    <MapContainer center={[20, 0]} zoom={2} className="absolute inset-0 h-full w-full">
       <TileLayer
         url={getTileUrl(isDarkMode)}
         attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
@@ -105,7 +105,7 @@ function Map({ flights, airports, isDarkMode }: MapProps) {
               fillOpacity={1}
             >
               <TooltipContainer
-                className="absolute inset-0 w-full h-full"
+                className="absolute inset-0 h-full w-full"
                 direction="auto"
                 offset={[0, -5]}
                 opacity={1}
@@ -141,9 +141,9 @@ export default function FlightMap({ flights, airlines, airports }: FlightMapProp
   const filteredFlights = selectedAirline ? flights.filter((flight) => flight.airline === selectedAirline) : flights;
 
   return (
-    <div className="w-full flex flex-col">
+    <div className="flex w-full flex-col">
       <div className="p-4">
-        <div className="container mx-auto flex flex-col sm:flex-row items-start sm:items-center justify-between space-y-4 sm:space-y-0 sm:space-x-4">
+        <div className="container mx-auto flex flex-col items-start justify-between space-y-4 sm:flex-row sm:items-center sm:space-x-4 sm:space-y-0">
           <div className="flex items-center space-x-4">
             <AirlineSelector
               airlines={airlines}
@@ -164,7 +164,7 @@ export default function FlightMap({ flights, airlines, airports }: FlightMapProp
           </div>
         </div>
       </div>
-      <div className="relative h-[60vh] w-full mt-4 rounded-lg overflow-hidden shadow-lg">
+      <div className="relative mt-4 h-[60vh] w-full overflow-hidden rounded-lg shadow-lg">
         <Map flights={filteredFlights} airports={airports} isDarkMode={isDarkMode} />
       </div>
     </div>

src/components/shared/section-cover.tsx

@@ -16,7 +16,7 @@ export const SectionCover: FunctionComponent<PropsWithChildren<SectionCoverProps
       width={700}
       height={475}
       sizes="100vw"
-      className="w-full aspect-video object-cover rounded-lg grayscale hover:grayscale-0"
+      className="aspect-video w-full rounded-lg object-cover grayscale hover:grayscale-0"
     />
   );
 };

src/pages/about/index.tsx

@@ -130,7 +130,7 @@ const Page: NextPage<PageProps> = ({ openGraphImage }) => {
             Curious to know further details about the stuff I mentioned above? I keep some pages updated with these!
           </Typography.p>
 
-          <div className="grid sm:grid-cols-2 grid-cols-1 gap-2">
+          <div className="grid grid-cols-1 gap-2 sm:grid-cols-2">
             <ButtonLink href={`/${Routes.life}`} icon={<GiCardRandom aria-hidden />}>
               Life
             </ButtonLink>

src/pages/about/traveling.tsx

@@ -74,14 +74,14 @@ const Page: NextPage<PageProps> = ({ openGraphImage, flights, airlines, airports
 
         <SectionContainer className="prose dark:prose-invert">
           <Typography.p>
-            Since becoming a remote developer in late 2017, I’ve embraced the freedom of working from anywhere, which
+            Since becoming a remote developer in late 2017, {`I've`} embraced the freedom of working from anywhere, which
             sparked my passion for traveling. I began by exploring more of Brazil, and soon after, I took the leap to
             live and travel around the world, immersing myself in different cultures without lingering too long in any
             one place.
           </Typography.p>
           <Typography.p>
             In 2019, my wife and I made a significant move to Prague, Czech Republic, marking the start of an exciting
-            new chapter in our journey. The world is vast, and we're determined to see it all!
+            new chapter in our journey. The world is vast, and {`we're`} determined to see it all!
           </Typography.p>
         </SectionContainer>