chore: adjust layout responsiveness for audio tiles (#1441)

* chore: adjust layout responsiveness for audio tiles

* chore: adjust flex distribution for title and subtitle in audio tile

Author: Feichtmeier

lib/common/view/audio_tile.dart

@@ -141,8 +141,8 @@ class _AudioTileState extends State<AudioTile> {
         title: Row(
           spacing: kMediumSpace,
           children: [
-            Expanded(flex: 2, child: title),
-            if (widget.showSecondElement) Expanded(flex: 2, child: subtitle),
+            Expanded(flex: 5, child: title),
+            if (widget.showSecondElement) Expanded(flex: 5, child: subtitle),
             if (widget.showDuration)
               Expanded(
                 child: _AudioTileDuration(splitter: '', audio: widget.audio),

lib/common/view/sliver_audio_tile_list.dart

@@ -55,8 +55,8 @@ class SliverAudioTileList extends StatelessWidget with WatchItMixin {
         return Padding(
           padding: const EdgeInsets.only(bottom: kSmallestSpace),
           child: AudioTile(
-            showDuration: width > 1200,
-            showSecondElement: width >= 1000,
+            showDuration: width > 700,
+            showSecondElement: width > 500,
             allowLeadingImage: allowLeadingImage,
             key: ValueKey(audio.path ?? audio.url ?? index),
             audioPageType: audioPageType,