Add Levels to Properly Test Level Card

src/app/components/level-card/level-card.html

@@ -7,7 +7,7 @@
   <div class="other">
     <div class="creator">
       <span>by</span>
-      <span>{{ creator() }}</span>
+      <span>{{ creatorString() }}</span>
     </div>
   </div>
 </section>

src/app/components/level-card/level-card.scss

@@ -22,7 +22,7 @@ $default_animation_duration: 0.2s;
   overflow: hidden;
 
   section.information {
-    width: 336px;
+    width: calc(100% - 64px);
     padding: 12px;
     box-sizing: border-box;
     overflow: hidden;

src/app/components/level-card/level-card.ts

@@ -1,4 +1,4 @@
-import { Component, input } from '@angular/core';
+import { Component, computed, input } from '@angular/core';
 
 @Component({
   selector: 'level-card',
@@ -9,5 +9,7 @@ import { Component, input } from '@angular/core';
 export class LevelCard {
   artist = input.required<string>()
   trackName = input.required<string>()
-  creator = input.required<string>()
+  creator = input<string[]>([]);
+
+  creatorString = computed(() => this.creator().join(" & "));
 }