부가세 참고 및 컴포넌트 전체적 일부 수정

src/entities/transaction/ui/filter.tsx

@@ -1,33 +1,25 @@
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { FilterProps } from '../model/types';
 import { motion } from 'framer-motion';
+import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
 
 export const Filter = ({
   filterOn,
   setFilterOn
 }: FilterProps) => {
 
-  const variants = {
-    hidden: { x: '100%' },
-    visible: { x: '0%' },
-  };
-
   const onClickToClose = () => {
     setFilterOn(false);
   };
   return (
     <>
       <motion.div 
-        id="fullMenuModal" 
         className="full-menu-modal" 
         initial="hidden"
         animate={ (filterOn)? 'visible': 'hidden' }
-        variants={ variants }
-        transition={{ duration: 0.3 }}
-        style={{
-          width: '100%',
-          height: '100%',
-        }}
+        variants={ FilterMotionVariants }
+        transition={ FilterMotionDuration }
+        style={ FilterMotionStyle }
       >
         <div className="full-menu-container">
           <div className="full-menu-header">

src/entities/transaction/ui/filter/all-transaction-filter.tsx

@@ -156,7 +156,6 @@ export const AllTransactionFilter = ({
   return (
     <>
       <motion.div 
-        id="fullMenuModal" 
         className="full-menu-modal" 
         initial="hidden"
         animate={ (filterOn)? 'visible': 'hidden' }

src/entities/transaction/ui/filter/billing-filter.tsx

@@ -95,7 +95,6 @@ export const BillingFilter = ({
   return (
     <>
       <motion.div 
-        id="fullMenuModal" 
         className="full-menu-modal" 
         initial="hidden"
         animate={ (filterOn)? 'visible': 'hidden' }

src/entities/transaction/ui/filter/cash-receipt-filter.tsx

@@ -82,7 +82,6 @@ export const CashReceiptFilter = ({
   return (
     <>
       <motion.div 
-        id="fullMenuModal" 
         className="full-menu-modal" 
         initial="hidden"
         animate={ (filterOn)? 'visible': 'hidden' }

src/entities/transaction/ui/filter/escrow-filter.tsx

@@ -88,7 +88,6 @@ export const EscrowFilter = ({
   return (
     <>
       <motion.div 
-        id="fullMenuModal" 
         className="full-menu-modal" 
         initial="hidden"
         animate={ (filterOn)? 'visible': 'hidden' }