add device controller

device-app/resources/views/components/device-card.blade.php

@@ -0,0 +1,4 @@
+@props(['device'])
+<div>
+    <a href="/devices/{{ $device['device_id'] }}">{{ $device->title }}</a>
+</div>

device-app/resources/views/devices/index.blade.php

@@ -5,12 +5,10 @@
     @unless(count($devices) == 0)
         <ul>
             @foreach ($devices as $device)
-                <li>
-                    <a href="/devices/{{ $device['device_id'] }}">{{ $device->title }}</a>
-                </li>
+                <x-device-card :device="$device" />
             @endforeach
         </ul>
     @else
         <p>No devices found</p>
     @endunless
-@endsection
+@endsection

device-app/resources/views/devices/show.blade.php

@@ -12,4 +12,4 @@
         <li>{{ $device['serial_number'] }}</li>
         <li>{{ $device['image_url'] }}</li>
     </ul>
-@endsection
+@endsection