feat: Add Uziomy calculator page with grounding calculations and document generation

- Implemented Uziomy component for calculating grounding parameters.
- Added state management for input fields and results.
- Integrated DatePicker for date selection.
- Created functions for grounding calculations, document generation (DOCX), and DXF file generation.
- Enhanced UI with Tailwind CSS for better styling and responsiveness.
- Updated global styles to include Inter font and custom scrollbar styles.
- Configured Tailwind CSS to extend colors, fonts, and animations.

UI_REDESIGN_PROPOSAL.md

@@ -0,0 +1,132 @@
+# Wastpol UI Redesign Proposal
+
+## Overview
+This UI redesign modernizes the Wastpol electrical engineering application with a contemporary, professional interface while maintaining all existing functionality.
+
+## Key Improvements
+
+### 🎨 **Visual Design**
+- **Modern Color Palette**: Professional blue-based theme with proper contrast ratios
+- **Typography**: Inter font family for improved readability
+- **Consistent Spacing**: Systematic spacing scale using Tailwind CSS
+- **Enhanced Shadows**: Subtle depth with layered shadow system
+- **Better Visual Hierarchy**: Clear information architecture with proper heading levels
+
+### 📱 **Responsive Layout**
+- **Mobile-First Design**: Optimized for all screen sizes
+- **Sidebar Navigation**: Collapsible sidebar for desktop, drawer for mobile
+- **Adaptive Grid**: Responsive card layouts that adjust to screen size
+- **Touch-Friendly**: Proper touch targets for mobile devices
+
+### 🎯 **User Experience**
+- **Simplified Navigation**: Clear, icon-based navigation with active states
+- **Progress Indicators**: Loading states and progress feedback
+- **Better Form Design**: Improved input styling with proper validation states
+- **Interactive Elements**: Hover effects and smooth transitions
+- **Card-Based Layout**: Organized content in digestible sections
+
+### ⚡ **Performance & Accessibility**
+- **Semantic HTML**: Proper heading structure and ARIA labels
+- **Keyboard Navigation**: Full keyboard accessibility
+- **Color Contrast**: WCAG 2.1 AA compliant color combinations
+- **Focus Management**: Clear focus indicators
+- **Screen Reader Support**: Proper labeling and descriptions
+
+## New Components
+
+### Layout System
+- **Layout.js**: Unified layout component with responsive sidebar
+- **components.js**: Reusable UI components (Card, Button, Input, etc.)
+
+### Key Features
+
+#### 1. Unified Navigation
+- Logo and branding in header
+- Clear section navigation (Przekrój, Siatka, Uziomy)
+- User authentication status
+- Responsive mobile menu
+
+#### 2. Enhanced Cards
+- Clean card design with headers and content sections
+- Proper spacing and typography
+- Action buttons with loading states
+- Status indicators and badges
+
+#### 3. Improved Forms
+- Better input styling with floating labels
+- Proper validation states
+- Radio groups and select inputs
+- Date picker integration
+
+#### 4. Better Feedback
+- Loading spinners for async operations
+- Success/error alerts with proper styling
+- Progress indicators
+- Toast notifications
+
+## Technical Implementation
+
+### Dependencies Added
+- `@heroicons/react`: Modern icon system
+- `@tailwindcss/forms`: Enhanced form styling
+
+### File Structure
+```
+components/
+  ui/
+    Layout.js          # Main layout wrapper
+    components.js      # Reusable UI components
+  templates/
+    generator_new.js   # Updated terrain profile generator
+    manual_new.js      # Updated manual input component
+pages/
+  cross_new.js         # Updated grid generator page
+  uziomy_new.js        # Updated grounding calculator page
+```
+
+### Color System
+- **Primary**: Blue (#3B82F6) for main actions
+- **Secondary**: Gray tones for secondary elements
+- **Success**: Green for positive states
+- **Warning**: Yellow for attention states
+- **Error**: Red for error states
+
+### Typography Scale
+- **Headings**: Inter font with proper weight hierarchy
+- **Body**: 14px base with good line height
+- **Code**: Monospace for technical data input
+
+## Benefits
+
+### For Users
+- **Easier Navigation**: Intuitive interface reduces learning curve
+- **Better Mobile Experience**: Responsive design works on all devices
+- **Faster Workflows**: Streamlined forms and clear action buttons
+- **Professional Appearance**: Modern design builds trust and credibility
+
+### For Developers
+- **Component Reusability**: Consistent design system
+- **Maintainable Code**: Clean component architecture
+- **Modern Stack**: Latest design practices and tools
+- **Scalable System**: Easy to extend and modify
+
+## Implementation Notes
+
+### Backward Compatibility
+- Original files preserved (can switch back if needed)
+- New files use `_new.js` suffix for testing
+- API endpoints remain unchanged
+- All functionality preserved
+
+### Migration Path
+1. Test new components in development
+2. Gradually replace old components
+3. Update remaining templates to match new design
+4. Remove old components once migration complete
+
+### Browser Support
+- Modern browsers (Chrome, Firefox, Safari, Edge)
+- Mobile browsers (iOS Safari, Chrome Mobile)
+- Progressive enhancement for older browsers
+
+This redesign transforms Wastpol into a modern, professional application that enhances user productivity while maintaining all existing engineering capabilities.