create and list + delete brand

src/router/Main.tsx

@@ -15,6 +15,8 @@ import CreateProduct from '../pages/products/Create'
 import ListProduct from '../pages/products/List'
 import UpdateProduct from '../pages/products/Update'
 import ProductVariant from '@/pages/products/ProductVariant'
+import BrandList from '@/pages/brand/List'
+import BrandCreate from '@/pages/brand/Create'
 
 const MainRouter: FC = () => {
 
@@ -42,6 +44,8 @@ const MainRouter: FC = () => {
                             <Route path={Pages.products.list} element={<ListProduct />} />
                             <Route path={`${Pages.products.update}:id`} element={<UpdateProduct />} />
                             <Route path={`${Pages.products.variants}:id`} element={<ProductVariant />} />
+                            <Route path={Pages.products.brands.list} element={<BrandList />} />
+                            <Route path={Pages.products.brands.create} element={<BrandCreate />} />
                         </Routes>
                     </div>
                 </div>