chore: form 태그 제거로 인해 파일명 변경(#120)

src/components/common/NavBar.tsx

@@ -8,7 +8,7 @@ import { useRecoilValue } from 'recoil';
 import { getRandomDoc } from '@/apis/viewer';
 import { useEffect, useState } from 'react';
 import { useMediaQuery } from 'react-responsive';
-import SearchHeaderForm from '../search/searchHeaderForm/SearchHeaderForm';
+import SearchHeaderInput from '../search/searchHeaderInput/searchHeaderInput';
 
 export interface IMenu {
 	src: string;
@@ -65,11 +65,11 @@ const NavBar = () => {
 				<RightWrapper>
 					{isMobile ? (
 						<SearchWrapper>
-							<SearchHeaderForm />
+							<SearchHeaderInput />
 						</SearchWrapper>
 					) : (
 						<SearchWrapper>
-							<SearchHeaderForm />
+							<SearchHeaderInput />
 						</SearchWrapper>
 					)}
 					<ButtonWrapper>

src/components/search/searchBodySection/SearchBodySection.tsx

@@ -5,7 +5,7 @@ import { useEffect } from 'react';
 import * as S from './SearchBodySection.styled';
 import { useSearchQuery } from '@/hooks/useSearchQuery';
 import SearchResultContainer from '../SearchResult';
-import SearchPageForm from '../searchPageForm/SearchPageForm';
+import SearchInput from '../searchInput/SearchInput';
 import useKeywordParams from '@/hooks/useKeywordParams';
 
 const SearchBodySection = () => {
@@ -36,7 +36,7 @@ const SearchBodySection = () => {
 						sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
 					/>
 				</S.TextImageWrapper>
-				<SearchPageForm />
+				<SearchInput />
 			</S.SearchBarWrapper>
 			<SearchResultContainer searchResult={searchResult} searchKeyword={searchKeyword} />
 		</>

src/components/search/searchHeaderForm/SearchHeaderForm.tsx → src/components/search/searchHeaderInput/searchHeaderInput.tsx

@@ -1,10 +1,10 @@
 import Image from 'next/image';
 import React from 'react';
-import * as S from './SearchHeaderForm.styled';
+import * as S from './searchHeaderInput.styled';
 import useInput from '@/hooks/useInput';
 import useKeywordParams from '@/hooks/useKeywordParams';
 
-const SearchHeaderForm = () => {
+const SearchHeaderInput = () => {
 	const { searchKeyword } = useKeywordParams();
 	const { value: searchHeaderInput, handleChange, handleKeydown } = useInput(searchKeyword);
 
@@ -24,4 +24,4 @@ const SearchHeaderForm = () => {
 	);
 };
 
-export default SearchHeaderForm;
+export default SearchHeaderInput;

src/components/search/searchPageForm/SearchPageForm.tsx → src/components/search/searchInput/SearchInput.tsx

@@ -1,13 +1,13 @@
 import { Suspense } from 'react';
-import * as S from './SearchPageForm.styled';
+import * as S from './SearchInput.styled';
 import useDebounceValue from '@/hooks/useDebounce';
 import AutoCompleteContainer from '../autoCompleteContainer/AutoCompleteContainer';
 import AutoCompleteLoading from '../autoCompleteContainer/AutoCompleteLoading';
 import useFocusSearchInput from '@/hooks/useFocusSearchInput';
 import useInput from '@/hooks/useInput';
 import useKeywordParams from '@/hooks/useKeywordParams';
 
-const SearchPageForm = () => {
+const SearchInput = () => {
 	const { searchKeyword } = useKeywordParams();
 	const {
 		value: searchInput,
@@ -43,4 +43,4 @@ const SearchPageForm = () => {
 	);
 };
 
-export default SearchPageForm;
+export default SearchInput;