refact: update to use member eng lower name from member id

src/component/About.jsx

@@ -31,7 +31,6 @@ const GroupImage = styled.img({
 export default function About({ about, members, handleClick }) {
   const {
     name,
-    leader,
     debutDate,
     genres,
     wiki,

src/component/MemberList.jsx

@@ -8,16 +8,17 @@ import {
 } from '../styles/members-container';
 
 export default function MemberList({ members, handleClick }) {
-  const members1 = members.filter((member) => member.id % 2);
-  const members2 = members.filter((member) => !(member.id % 2));
+  const divNum = Math.ceil(members.length / 2);
+  const first = [...members].slice(0, divNum);
+  const second = [...members].slice(divNum, members.length);
 
   return (
     <MembersRowLayout>
       <MembersColumnLayout>
         {
-          members1.map((member) => (
+          first.map((member) => (
             <Member
-              key={member.id}
+              key={member.engName}
               member={member}
               handleClick={handleClick}
             />
@@ -26,9 +27,9 @@ export default function MemberList({ members, handleClick }) {
       </MembersColumnLayout>
       <MembersColumnLayout>
         {
-          members2.map((member) => (
+          second.map((member) => (
             <Member
-              key={member.id}
+              key={member.engName}
               member={member}
               handleClick={handleClick}
             />

src/component/memberList/Member.jsx

@@ -59,7 +59,6 @@ const Description = styled.div({
 
 export default function Member({ member, handleClick }) {
   const {
-    id,
     korName,
     engName,
     country,
@@ -71,8 +70,10 @@ export default function Member({ member, handleClick }) {
     description,
   } = member;
 
+  const lower = engName.toLowerCase();
+
   function handleClickMember() {
-    handleClick(`/member/${id}`);
+    handleClick(`/member/${lower}`);
   }
 
   return (
@@ -83,7 +84,7 @@ export default function Member({ member, handleClick }) {
       onClick={handleClickMember}
     >
       <ProfileImage
-        src={membersImages[id]}
+        src={membersImages[lower]}
         alt={korName}
       />
       <Name>