Adjust Transactions page layout

Adjusted the layout of the Transactions page to be more centered, referencing the layout of the 지출 화면.

src/components/BudgetProgressCard.tsx

@@ -32,7 +32,7 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
   onSaveBudget
 }) => {
   return (
-    <div className="neuro-card mb-6 overflow-hidden desktop-card">
+    <div className="neuro-card mb-6 overflow-hidden w-full">
       <Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full">
         <TabsList className="grid grid-cols-3 mb-4 bg-transparent">
           <TabsTrigger value="daily" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">

src/components/RecentTransactionsSection.tsx

@@ -70,7 +70,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
           더보기 <ChevronRight size={16} />
         </Link>
       </div>
-      <div className="neuro-card divide-y divide-gray-100 desktop-card">
+      <div className="neuro-card divide-y divide-gray-100 w-full">
         {transactions.length > 0 ? (
           transactions.map((transaction) => (
             <div 

src/index.css

@@ -177,15 +177,11 @@
     }
     
     .desktop-container {
-      @apply max-w-[500px] mx-auto;
+      @apply max-w-md mx-auto;
     }
     
     .desktop-card {
-      @apply max-w-[500px] mx-auto;
+      @apply w-full mx-auto;
-    }
-    
-    .neuro-card {
-      @apply max-w-[500px] mx-auto;
     }
   }
 }

src/pages/Analytics.tsx

@@ -79,7 +79,7 @@ const Analytics = () => {
   
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
-      <div className="mx-auto px-4 desktop-container">
+      <div className="max-w-md mx-auto px-6">
         {/* Header */}
         <header className="py-8 w-full">
           <h1 className="text-2xl font-bold neuro-text mb-5">지출 분석</h1>

src/pages/Index.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState, useEffect } from 'react';
 import NavBar from '@/components/NavBar';
 import AddTransactionButton from '@/components/AddTransactionButton';
@@ -139,7 +140,7 @@ const Index = () => {
 
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
-      <div className="mx-auto px-4 desktop-container">
+      <div className="max-w-md mx-auto px-6">
         <Header />
 
         {/* 목표 진행 상황 */}