refact : Alarm Item에서 비즈니스 로직을 useAlarm으로 분리

[yeongipark]

구현한 것

1. Alarm Item에 너무 많은 비즈니스 로직이 있어 해당 로직을 useAlarm으로 분리했습니다.

• 수정 후 AlarmItem 코드

  const { url, text, clock, alarmCheck, handleOnFriend, handleImageClick } =
  useAlram({ type, check, id, data, time });
  
  return (
  <Wrap>
    {/*  안 읽은 알람일 때 빨간색 점 모양 보여주기 */}
    {!alarmCheck && <NotRead></NotRead>}
    <Container>
      <RowContainer>
        <Image
          src={url}
          alt={type}
          width={80}
          height={80}
          onClick={handleImageClick}
        />
        <P>{text}</P>
      </RowContainer>
      <Clock>{clock}</Clock>
    </Container>
    {/* 친구 요청 알람인 경우 거절 수락 버튼 띄우고 수락,거절 버튼이 눌렀으면 버튼 사라지게 구현*/}
    {type === "FRIEND_REQUEST" && (
      <Container>
        {!alarmCheck && (
          <>
  );
  };