edit: tutorial/address-book Active Link Styling in sidebar (#12968)

* tutorial/address-book: edit Active Link Styling in sidebar

After returning from the contacts/:contactId/edit  page to contacts/:contactId page active link styling will disappear for the contact that has first name and middle name like "Kent C.  + Doods" because the URL will be /contacts/kent c.-doods or /contacts/%20c.-doods.

So, in the /app/data.ts in the last line where ids are added for every contact created I fixed this small issue with the split and join methods on the contact.id so the sidebar NavLink styling is corrected.

* Update contributors.yml majamarijan added

* Update contributors.yml edit majamarijan

Author: majamarijan

contributors.yml

@@ -195,6 +195,7 @@
 - m-dad
 - m-shojaei
 - machour
+- majamarijan
 - Manc
 - manzano78
 - marc2332

tutorials/address-book/app/data.ts

@@ -311,6 +311,6 @@ export async function deleteContact(id: string) {
 ].forEach((contact) => {
   fakeContacts.create({
     ...contact,
-    id: `${contact.first.toLowerCase()}-${contact.last.toLocaleLowerCase()}`,
+    id: `${contact.first.toLowerCase().split(' ').join('_')}-${contact.last.toLocaleLowerCase()}`,
   });
 });