Rename media sources (#25)

* Renamed MediaSource to Sources

* Renamed MediaItem controller namespace

lib/pinchflat_web/controllers/sources/source_html/show.html.heex

@@ -0,0 +1,76 @@
+<div class="mb-6 flex gap-3 flex-row items-center justify-between">
+  <div class="flex gap-3 items-center">
+    <.link navigate={~p"/sources"}>
+      <.icon name="hero-arrow-left" class="w-10 h-10 hover:dark:text-white" />
+    </.link>
+    <h2 class="text-title-md2 font-bold text-black dark:text-white ml-4">
+      Source #<%= @source.id %>
+    </h2>
+  </div>
+
+  <nav>
+    <.link navigate={~p"/sources/#{@source}/edit"}>
+      <.button color="bg-primary" rounding="rounded-full">
+        <.icon name="hero-pencil-square" class="mr-2" /> Edit Source
+      </.button>
+    </.link>
+  </nav>
+</div>
+<div class="rounded-sm border border-stroke bg-white px-5 py-5 shadow-default dark:border-strokedark dark:bg-boxdark sm:px-7.5">
+  <div class="max-w-full overflow-x-auto">
+    <div class="flex flex-col gap-10 dark:text-white">
+      <h3 class="mt-14 font-bold text-xl">Relationships</h3>
+      <.list>
+        <:item title="media_profile">
+          <.link
+            navigate={~p"/media_profiles/#{@source.media_profile_id}"}
+            class="hover:text-secondary duration-200 ease-in-out"
+          >
+            <%= @source.media_profile.name %>
+          </.link>
+        </:item>
+      </.list>
+
+      <h3 class="font-bold text-xl">Attributes</h3>
+      <.list_items_from_map map={Map.from_struct(@source)} />
+
+      <h3 class="font-bold text-xl">Downloaded Media</h3>
+      <%= if match?([_|_], @downloaded_media) do %>
+        <.table rows={@downloaded_media} table_class="text-black dark:text-white">
+          <:col :let={media_item} label="Title">
+            <%= StringUtils.truncate(media_item.title, 50) %>
+          </:col>
+          <:col :let={media_item} label="" class="flex place-content-evenly">
+            <.link
+              navigate={~p"/sources/#{@source.id}/media/#{media_item.id}"}
+              class="hover:text-secondary duration-200 ease-in-out mx-0.5"
+            >
+              <.icon name="hero-eye" />
+            </.link>
+          </:col>
+        </.table>
+      <% else %>
+        <p class="text-black dark:text-white">Nothing Here!</p>
+      <% end %>
+
+      <h3 class="font-bold text-xl">Pending Media</h3>
+      <%= if match?([_|_], @pending_media) do %>
+        <.table rows={@pending_media} table_class="text-black dark:text-white">
+          <:col :let={media_item} label="Title">
+            <%= StringUtils.truncate(media_item.title, 50) %>
+          </:col>
+          <:col :let={media_item} label="" class="flex place-content-evenly">
+            <.link
+              navigate={~p"/sources/#{@source.id}/media/#{media_item.id}"}
+              class="hover:text-secondary duration-200 ease-in-out mx-0.5"
+            >
+              <.icon name="hero-eye" />
+            </.link>
+          </:col>
+        </.table>
+      <% else %>
+        <p class="text-black dark:text-white">Nothing Here!</p>
+      <% end %>
+    </div>
+  </div>
+</div>