feat: 모바일 헤더 및 내비게이션 스타일 개선 및 로그인 버튼 기능 수정

Author: y00eunji

apps/pyconkr/src/components/layout/Header/Mobile/MobileHeader.tsx

@@ -56,7 +56,7 @@ export const MobileHeader: React.FC<MobileHeaderProps> = ({ isNavigationOpen = f
 };
 
 const MobileHeaderContainer = styled("header")<{ isOpen: boolean; isMainPath: boolean }>(({ theme, isOpen, isMainPath }) => ({
-  position: "fixed",
+  position: isMainPath ? "fixed" : "sticky",
   top: 0,
   left: 0,
   right: 0,
@@ -71,11 +71,11 @@ const MobileHeaderContainer = styled("header")<{ isOpen: boolean; isMainPath: bo
   padding: "15px 23px",
 
   backgroundColor: isMainPath ? "rgba(182, 216, 215, 0.1)" : "#B6D8D7",
-  backdropFilter: "blur(8px)",
-  WebkitBackdropFilter: "blur(8px)",
+  backdropFilter: isMainPath ? "blur(8px)" : "none",
+  WebkitBackdropFilter: isMainPath ? "blur(8px)" : "none",
   color: isMainPath ? "white" : "rgba(18, 109, 127, 0.6)",
 
-  zIndex: theme.zIndex.appBar + 100000,
+  zIndex: isMainPath ? theme.zIndex.appBar + 100000 : theme.zIndex.appBar,
 }));
 
 const LeftContent = styled(Box)({

apps/pyconkr/src/components/layout/Header/Mobile/MobileNavigation.tsx

@@ -192,7 +192,7 @@ export const MobileNavigation: React.FC<MobileNavigationProps> = ({ isOpen, onCl
         <BottomActions isMainPath={isMainPath}>
           <Stack direction="row" alignItems="center" spacing={6.25}>
             <MobileLanguageToggle isMainPath={isMainPath} />
-            <SignInButton isMobile={true} isMainPath={isMainPath} />
+            <SignInButton isMobile={true} isMainPath={isMainPath} onClose={handleClose} />
           </Stack>
         </BottomActions>
       </DrawerContent>