style: update layout for bounty live page

- Adjusted CSS classes for responsive design, changing from 'sm' to 'xl' for better alignment and spacing.
- Enhanced the grid layout for improved visual structure on larger screens.

Author: zcesur

lib/algora_web/live/bounty_live.ex

@@ -298,13 +298,13 @@ defmodule AlgoraWeb.BountyLive do
   @impl true
   def render(assigns) do
     ~H"""
-    <div class={classes(["sm:flex p-4", if(!@current_user, do: "pb-16 sm:pb-24")])}>
-      <.scroll_area class="sm:h-[calc(100svh-96px)] flex-1 pr-6">
+    <div class={classes(["xl:flex p-4", if(!@current_user, do: "pb-16 xl:pb-24")])}>
+      <.scroll_area class="xl:h-[calc(100svh-96px)] flex-1 pr-6">
         <div class="space-y-4">
           <.card>
             <.card_content>
-              <div class="flex flex-col sm:flex-row sm:justify-between gap-4">
-                <div class="flex flex-col gap-4 sm:flex-row sm:items-center">
+              <div class="flex flex-col xl:flex-row xl:justify-between gap-4">
+                <div class="flex flex-col gap-4 xl:flex-row xl:items-center">
                   <.avatar class="h-12 w-12 sm:h-20 sm:w-20 rounded-lg sm:rounded-2xl">
                     <.avatar_image src={@ticket.repository.user.avatar_url} />
                     <.avatar_fallback>
@@ -341,7 +341,7 @@ defmodule AlgoraWeb.BountyLive do
               </div>
             </.card_content>
           </.card>
-          <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <.card class="flex flex-col items-between justify-center">
               <.card_content>
                 <div class="flex items-center justify-between gap-6">
@@ -460,7 +460,7 @@ defmodule AlgoraWeb.BountyLive do
         </div>
       </.scroll_area>
 
-      <div class="h-[calc(100svh-96px)] sm:w-[400px] flex sm:flex-none flex-col border rounded-xl">
+      <div class="h-[calc(100svh-96px)] xl:w-[400px] flex xl:flex-none flex-col border rounded-xl">
         <div class="flex flex-none items-center justify-between border-b border-border bg-card/50 p-4 backdrop-blur supports-[backdrop-filter]:bg-background/60">
           <div class="flex justify-between items-center w-full">
             <h2 class="text-lg font-semibold">