Добавил недостающие шаблоны, добавил related_name в моделях, добавил недостающие urls

music_storage/templates/components/album_list.html

@@ -0,0 +1,11 @@
+{% load static %}
+
+<ul>
+    {% for album in albums %}
+    <li>
+        <a href="{% url 'music:album_detail' album.id %}">{{ album.name }}</a> by {{ album.artist }}
+    </li>
+    {% empty %}
+    <li>No albums available.</li>
+    {% endfor %}
+</ul>

music_storage/templates/components/artist_list.html

@@ -0,0 +1,11 @@
+{% load static %}
+
+<ul>
+    {% for artist in artists %}
+    <li>
+        <a href="{% url 'music:artist_detail' artist.id %}">{{ artist.name }}</a>
+    </li>
+    {% empty %}
+    <li>No artists available.</li>
+    {% endfor %}
+</ul>

music_storage/templates/components/player.html

@@ -0,0 +1,26 @@
+{% load static %}
+<link rel="stylesheet" href="{% static 'css/player.css' %}">
+
+<div class="player-container" id="playerContainer">
+    <div class="player-header">
+        <div class="current-track" id="currentTrack">Выберите трек для воспроизведения</div>
+        <div class="current-artist" id="currentArtist"></div>
+    </div>
+    <div class="player-controls">
+        <span id="currentTime">0:00</span>
+        <input type="range" id="audioProgress" value="0" step="0.1">
+        <span id="durationTime">0:00</span>
+
+        <div class="player-buttons">
+            <button class="control-btn" id="prevBtn"><i class="fas fa-backward"></i></button>
+            <button class="control-btn" id="playPauseBtn"><i class="fas fa-play"></i></button>
+            <button class="control-btn" id="nextBtn"><i class="fas fa-forward"></i></button>
+        </div>
+    </div>
+    <audio id="audioPlayer" class="audio-player" preload="metadata">
+        Ваш браузер не поддерживает аудио.
+    </audio>
+    
+</div>
+
+<script src="{% static 'js/player.js' %}"></script>

music_storage/templates/components/track_list.html

@@ -0,0 +1,23 @@
+{% load static %}
+
+<link rel="stylesheet" href="{% static 'css/track_list.css' %}">
+<div class="container">
+    <ul class="track-list">
+        {% if tracks %}
+            {% for track in tracks %}
+            <li class="track-item" data-track-id="{{ track.id }}" data-track-src="{{ track.file.url }}">
+                <div class="track-info">
+                    <h3 class="track-title">{{ track.title }}</h3>
+                    <p class="track-artist">Исполнитель: {{ track.album.artist }}</p>
+                </div>
+            </li>
+            {% endfor %}
+        {% else %}
+            <div class="empty-state">
+                <i class="fas fa-music"></i>
+                <p>Нет добавленных треков</p>
+            </div>
+        {% endif %}
+    </ul>
+</div>
+{% include 'components/player.html' %}