Remove: unused images & dummy data

src/components/common/Button.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import React, { useState, useEffect } from "react";
+import React from "react";
 import { COLOR } from "../../styles/color.js";
 import { useNavigate } from "react-router-dom";
 const CancelButtons = (closeModals) => {

src/components/common/RecomListItem.js

@@ -65,14 +65,11 @@ RecomListItem.propTypes = {
 const StRecomListItem = styled.div`
   width: 100%;
   height: 100%;
-  /* border: 1px solid black; */
-  /* padding: 0.1rem; */
 `;
 
 const ItemCard = styled(Card)`
   width: 14rem;
   height: 17rem;
-  /* border: 1px solid blue; */
 `;
 
 const InfoCardContent = styled(CardContent)`

src/components/common/SelectDateRange.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import DatePicker from "react-datepicker";
 import PropTypes from "prop-types";
 import styled from "styled-components";

src/components/common/TagImgListItem.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import React, { useState, useEffect } from "react";
+import React from "react";
 import PropTypes from "prop-types";
 import ListItem from "@mui/material/ListItem";
 import { Link } from "react-router-dom";

src/components/common/TripList.js

@@ -3,8 +3,6 @@ import styled from "styled-components";
 import List from "@mui/material/List";
 import TripListItem from "./TripListItem";
 import axios from "axios";
-import { useRecoilState } from "recoil";
-
 
 export default function TripList() {
 

src/pages/DiaryListPage.js

@@ -7,7 +7,6 @@ import Avatar from "@mui/material/Avatar";
 import Button from "@mui/material/Button";
 import Pencil from "../assets/images/pencil.svg";
 import { useNavigate } from "react-router-dom";
-import { useLocation } from "react-router";
 import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
 import BottomNav from "../layout/BottomNav";
 import axios from "axios";

src/pages/DiaryWritePage.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { React, useState, useEffect } from "react";
+import { React, useState } from "react";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import calendar from "../assets/images/calendar.svg";

src/pages/EditProfilPage.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 import Avatar from "@mui/material/Avatar";
 import { COLOR } from "../styles/color";