feat: cria componente básico para exibr produtos

Author: renebentes

src/BlazingShop/Components/ProductTableList.razor

@@ -0,0 +1,23 @@
+<table class="table table-striped table-bordered">
+    <thead>
+        <tr>
+            <th>Id</th>
+            <th>Título</th>
+        </tr>
+    </thead>
+    <tbody>
+        @foreach (var product in Products)
+        {
+            <tr>
+                <th>@product.Id</th>
+                <th>@product.Title</th>
+            </tr>
+        }
+    </tbody>
+</table>
+
+@code {
+
+    [Parameter]
+    public IEnumerable<Product> Products { get; set; } = [];
+}

src/BlazingShop/Pages/Products.razor

@@ -4,12 +4,7 @@
 
 <h1>Products</h1>
 
-<ul>
-    @foreach (var product in _products)
-    {
-        <li>@product.Title</li>
-    }
-</ul>
+<ProductTableList Products="_products" />
 
 @code {
     private List<Product> _products = [];