feat: enhance UI consistency and improve spacing across components

- Added styles for player-side toast notifications to improve user feedback.
- Adjusted padding and spacing in various components for a more cohesive layout.
- Updated card and dialog components to streamline visual hierarchy and enhance readability.
- Refactored player panel and navigation elements for better alignment and user experience.

src/features/orders/ticket-orders-list-screen.tsx

@@ -156,11 +156,9 @@ export function TicketOrdersListScreen() {
   return (
     <PlayerPanel
       title={t("orders.title")}
-      subtitle={t("orders.subtitle")}
-      eyebrow={t("brand.name")}
       containerClassName="max-w-[720px]"
     >
-      <div className="space-y-4">
+      <div className="space-y-3">
         <div className="rounded-2xl border border-[#dfe9f8] bg-white p-3 shadow-[0_10px_28px_rgba(15,23,42,0.05)] sm:p-4">
           <div className="flex items-center justify-between gap-3">
             <div className="min-w-0 flex-1">
@@ -333,7 +331,7 @@ export function TicketOrdersListScreen() {
             ))}
           </div>
         ) : error ? (
-          <div className="rounded-xl border border-red-200 bg-red-50 px-4 py-4 text-sm text-red-700">
+          <div className="rounded-xl border border-red-200 bg-red-50 px-3 py-3 text-sm text-red-700">
             <p>{error}</p>
             <Button
               type="button"
@@ -345,7 +343,7 @@ export function TicketOrdersListScreen() {
             </Button>
           </div>
         ) : items.length === 0 ? (
-          <div className="rounded-xl border border-dashed border-[#dce7f7] bg-[#f8fbff] px-4 py-10 text-center">
+          <div className="rounded-xl border border-dashed border-[#dce7f7] bg-[#f8fbff] px-3 py-8 text-center">
             <p className="text-sm font-bold text-slate-700">{t("orders.empty")}</p>
             <Link
               href="/hall"