Fix mobile UI bugs from screenshots

- Notifications panel: fixed positioning on mobile (full-width below topbar,
  no more overflow behind calendar)
- BookingModal: two-column layout stacks vertically on mobile (flex-col sm:flex-row)
- TariffsPage cards: price + actions merged into right column, no text overlap
- DiscountsPage cards: same fix, price text reduced to text-lg
- ReviewsPage: action buttons moved inside content div (no longer overlap guest name)
- RoomCategoriesPage: edit/delete buttons stack as column, 'Номера' text hidden on mobile
- PosPage: show desktop-only message on mobile instead of broken layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/ReviewsPage.tsx

@@ -735,7 +735,7 @@ export function ReviewsPage() {
                   review.status === 'pending' && 'border-red-300 dark:border-red-700/60 bg-red-50/50 dark:bg-red-900/10',
                 )}
               >
-                <div className="flex items-start gap-3 flex-wrap">
+                <div className="flex items-start gap-3">
                   <div className={cn('w-10 h-10 rounded-full flex items-center justify-center gap-0.5 text-sm font-bold shrink-0', ratingColor(review.rating, threshold))}>
                     {review.rating}<Star size={10} className="fill-current" />
                   </div>
@@ -808,7 +808,7 @@ export function ReviewsPage() {
                   </div>
 
                   {/* Actions */}
-                  <div className="flex gap-2 shrink-0 flex-wrap">
+                  <div className="flex gap-2 flex-wrap mt-3">
                     {review.status === 'pending' && !review.reply && replyId !== review.id && (
                       <>
                         <button