Finish the majority of work on vendors page to add/delete/edit.

client/src/pages/shop-vendor/shop-vendor.page.component.jsx

@@ -1,10 +1,13 @@
 import React from "react";
 import VendorsListContainer from "../../components/vendors-list/vendors-list.container";
+import VendorsFormContainer from "../../components/vendors-form/vendors-form.container";
 
 export default function ShopVendorPageComponent({ selectedVendorState }) {
+  //TODO Figure out how to handle the refresh list when saving form
   return (
     <div>
       <VendorsListContainer selectedVendorState={selectedVendorState} />
+      <VendorsFormContainer vendor={selectedVendorState[0]} />
     </div>
   );
 }

client/src/pages/shop-vendor/shop-vendor.page.container.jsx

@@ -8,7 +8,7 @@ export default function ShopVendorPageContainer() {
     document.title = t("titles.shop_vendors");
   }, [t]);
 
-  const selectedVendorState = useState({});
+  const selectedVendorState = useState();
   return (
     <div>
       <ShopVendorPageComponent selectedVendorState={selectedVendorState} />