refactor: simplify layout in CarouselSection for improved readability

app/components/ui/carousel-section.tsx

@@ -95,19 +95,18 @@ export const CarouselSection = (properties: TNews) => {
                     alt={title}
                   />
                   <div className={'flex flex-col justify-between gap-4'}>
+                    <div className="flex h-28 flex-col items-start justify-center gap-4">
                       <Tags
                         tags={tags || []}
                         is_premium={is_premium}
                       />
-
+                      <h3 className="mt-2 line-clamp-2 w-full text-xl font-bold sm:text-2xl lg:mt-0">
-                    <div>
-                      <h3 className="mt-2 w-full text-xl font-bold sm:text-2xl lg:mt-0">
                         {title}
                       </h3>
-                      <p className="text-md mt-5 line-clamp-3 text-[#777777] sm:text-xl">
+                    </div>
+                    <p className="text-md line-clamp-3 text-[#777777] sm:text-xl">
                       {stripHtml(content).result}
                     </p>
-                    </div>
                     <Button
                       size="block"
                       {...getPremiumAttribute({
@@ -116,7 +115,6 @@ export const CarouselSection = (properties: TNews) => {
                         onClick: () => setIsSuccessOpen('warning'),
                         userData,
                       })}
-                      className="mb-5"
                     >
                       View More
                     </Button>