Improve mobile layout and responsiveness for torrent components

[sylvaindd]

This pull request improves the responsiveness and readability of the torrent table and torrent detail views, especially on smaller screens. It introduces new CSS classes and media queries to enhance layout adaptability and ensures long strings (like hashes and file paths) break correctly to avoid overflow. The most significant changes are grouped below:

Responsive Layout Enhancements:

• Added media queries in torrent-table.component.scss and torrent.component.scss to adjust flex direction, spacing, and button widths for screens smaller than 768px, improving usability on mobile devices. (client/src/app/torrent-table/torrent-table.component.scss [1] client/src/app/torrent/torrent.component.scss [2]
• Updated tab and action button styling for better wrapping and alignment on small screens. (client/src/app/torrent/torrent.component.scss client/src/app/torrent/torrent.component.scssR25-R45)

Improved Text Wrapping:

• Introduced a new .break-all CSS class and applied it to elements displaying long strings (hashes, file paths, and download links) to prevent overflow and maintain layout integrity. (client/src/app/torrent/torrent.component.scss [1] client/src/app/torrent/torrent.component.html [2] [3] [4] [5]

Structural HTML Adjustments:

• Wrapped tables in a .table-container div for better styling and potential horizontal scrolling on narrow screens. (client/src/app/torrent/torrent.component.html [1] [2] [3]
• Added is-grouped-multiline and action-buttons classes to button groups for improved button arrangement and responsiveness. (client/src/app/torrent/torrent.component.html client/src/app/torrent/torrent.component.htmlL26-R26)

These changes collectively enhance the application's usability and appearance across a range of device sizes.