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