style: Fix Prettier formatting issues

- Auto-fix formatting in cypress.config.ts, jest.config.js, next.config.js
- Fix formatting in postcss.config.js, public/images/README.md, tailwind.config.js
- All files now pass Prettier code style checks
- Format check now passes: 'All matched files use Prettier code style!'

Author: josegomez-dev

cypress.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'cypress'
+import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
@@ -24,4 +24,4 @@ export default defineConfig({
     },
     specPattern: 'cypress/component/**/*.cy.{js,jsx,ts,tsx}',
   },
-})
+});

jest.config.js

@@ -1,8 +1,8 @@
-const nextJest = require('next/jest')
+const nextJest = require('next/jest');
 
 const createJestConfig = nextJest({
   dir: './',
-})
+});
 
 const customJestConfig = {
   setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
@@ -32,19 +32,11 @@ const customJestConfig = {
     '<rootDir>/hooks/**/__tests__/*.{js,jsx,ts,tsx}',
     '<rootDir>/utils/**/__tests__/*.{js,jsx,ts,tsx}',
   ],
-  testPathIgnorePatterns: [
-    '<rootDir>/.next/',
-    '<rootDir>/node_modules/',
-    '<rootDir>/cypress/',
-  ],
+  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/', '<rootDir>/cypress/'],
   transform: {
     '^.+\\.(js|jsx|ts|tsx)$': ['babel-jest', { presets: ['next/babel'] }],
   },
-  transformIgnorePatterns: [
-    '/node_modules/',
-    '^.+\\.module\\.(css|sass|scss)$',
-  ],
-}
-
-module.exports = createJestConfig(customJestConfig)
+  transformIgnorePatterns: ['/node_modules/', '^.+\\.module\\.(css|sass|scss)$'],
+};
 
+module.exports = createJestConfig(customJestConfig);

next.config.js

@@ -4,7 +4,6 @@ const nextConfig = {
   poweredByHeader: false,
   compress: true,
   generateEtags: false,
-}
-
-module.exports = nextConfig
+};
 
+module.exports = nextConfig;

postcss.config.js

@@ -3,5 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
-
+};

public/images/README.md

@@ -15,24 +15,28 @@ public/images/
 ### Required Images for Demos:
 
 #### 1. Baby Steps to Riches 🍼💰
+
 - **File**: `demos/baby-steps.svg` or `demos/baby-steps.png`
 - **Style**: Baby footprint, money symbols, or simple growth icon
 - **Colors**: Blue to cyan gradient theme
 - **Size**: 64x64px (SVG preferred for scalability)
 
 #### 2. Democracy in Action 🗳️🎪
+
 - **File**: `demos/democracy.svg` or `demos/democracy.png`
 - **Style**: Voting ballot, multiple people, or consensus symbols
 - **Colors**: Green to emerald gradient theme
 - **Size**: 64x64px (SVG preferred for scalability)
 
 #### 3. Drama Queen Escrow 👑🎭
+
 - **File**: `demos/drama-queen.svg` or `demos/drama-queen.png`
 - **Style**: Crown, theater masks, or dramatic symbols
 - **Colors**: Orange to red gradient theme
 - **Size**: 64x64px (SVG preferred for scalability)
 
 #### 4. Gig Economy Madness 🛒🎪
+
 - **File**: `demos/gig-economy.svg` or `demos/gig-economy.png`
 - **Style**: Task list, marketplace, or gig work symbols
 - **Colors**: Purple to pink gradient theme
@@ -43,12 +47,14 @@ public/images/
 ### Character Assets:
 
 #### Main Character
+
 - **File**: `character/nexus-prime.svg` or `character/nexus-prime.png`
 - **Style**: Futuristic holographic entity with Stellar network patterns
 - **Colors**: Deep space black, cyan, purple with glowing effects
 - **Size**: 128x128px for main avatar, 256x256px for detailed view
 
 #### Character States
+
 - **File**: `character/nexus-prime-connected.svg`
 - **Style**: Character with active Stellar network connections
 - **Use**: When wallet is connected
@@ -58,19 +64,22 @@ public/images/
 - **Use**: When wallet is disconnected
 
 #### Character Elements
+
 - **File**: `character/network-pattern.svg`
 - **Style**: Stellar network connection patterns
 - **Use**: Background patterns and effects
 
 ## 🏷️ Logo & Branding
 
 ### Main Logo
+
 - **File**: `logo/stellar-nexus.svg` or `logo/stellar-nexus.png`
 - **Style**: STELLAR NEXUS text with Stellar blockchain elements
 - **Colors**: Cyan to purple gradient
 - **Size**: 200x80px (SVG preferred)
 
 ### Logo Variations
+
 - **File**: `logo/stellar-nexus-white.svg`
 - **Style**: White version for dark backgrounds
 - **Use**: Header and main navigation
@@ -83,6 +92,7 @@ public/images/
 ## 🔧 General Icons
 
 ### UI Icons
+
 - **File**: `icons/wallet.svg`
 - **Style**: Wallet or key icon
 - **Use**: Wallet connection buttons
@@ -106,17 +116,20 @@ public/images/
 ## 🎨 Design Guidelines
 
 ### Image Formats
+
 - **SVG**: Preferred for icons and logos (scalable, small file size)
 - **PNG**: Use for complex images with transparency
 - **WebP**: Modern format for photos and complex graphics
 
 ### Color Schemes
+
 - **Primary**: Cyan (#06b6d4) to Purple (#8b5cf6)
 - **Secondary**: Green (#10b981) to Emerald (#059669)
 - **Accent**: Orange (#f97316) to Red (#ef4444)
 - **Neutral**: Slate (#0f172a) to Gray (#6b7280)
 
 ### Style Guidelines
+
 - **Futuristic**: Use sharp edges, glowing effects, and modern shapes
 - **Stellar Theme**: Incorporate network patterns, nodes, and connection lines
 - **Professional**: Clean, readable, and consistent with the project theme
@@ -125,12 +138,14 @@ public/images/
 ## 📱 Responsive Considerations
 
 ### Icon Sizes
+
 - **Mobile**: 32x32px minimum
 - **Tablet**: 48x48px
 - **Desktop**: 64x64px
 - **High DPI**: Provide 2x versions for retina displays
 
 ### File Naming Convention
+
 ```
 {category}/{name}-{variant}.{format}
 Examples:
@@ -143,11 +158,13 @@ Examples:
 ## 🚀 Implementation Notes
 
 ### Next.js Image Optimization
+
 - Use `next/image` component for automatic optimization
 - Place images in `public/images/` for static serving
 - Consider using `next/image` with `loader: 'default'` for dynamic images
 
 ### Performance Tips
+
 - Optimize SVG files (remove unnecessary metadata)
 - Compress PNG files using tools like TinyPNG
 - Use WebP format for modern browsers
@@ -163,5 +180,5 @@ Examples:
 
 ---
 
-**Note**: This guide should be updated as new image assets are added to the project.
-
+**Note**: This guide should be updated as new image assets are added to the
+project.

tailwind.config.js

@@ -89,15 +89,15 @@ module.exports = {
       },
       animation: {
         // Only keeping animations that are actually used
-        'fadeIn': 'fadeIn 0.3s ease-out',
-        'slideInUp': 'slideInUp 0.6s ease-out',
-        'fadeInUp': 'fadeInUp 0.6s ease-out forwards',
-        'float': 'float 3s ease-in-out infinite',
-        'shimmer': 'shimmer 2s infinite',
-        'epicGlow': 'epicGlow 3s ease-in-out infinite',
-        'epicTextReveal': 'epicTextReveal 2s ease-out',
-        'epicFloatingParticles': 'epicFloatingParticles 3s ease-in-out infinite',
-        'rotatingNexus': 'rotatingNexus 2s linear infinite',
+        fadeIn: 'fadeIn 0.3s ease-out',
+        slideInUp: 'slideInUp 0.6s ease-out',
+        fadeInUp: 'fadeInUp 0.6s ease-out forwards',
+        float: 'float 3s ease-in-out infinite',
+        shimmer: 'shimmer 2s infinite',
+        epicGlow: 'epicGlow 3s ease-in-out infinite',
+        epicTextReveal: 'epicTextReveal 2s ease-out',
+        epicFloatingParticles: 'epicFloatingParticles 3s ease-in-out infinite',
+        rotatingNexus: 'rotatingNexus 2s linear infinite',
       },
       keyframes: {
         fadeIn: {
@@ -122,10 +122,12 @@ module.exports = {
         },
         epicGlow: {
           '0%, 100%': {
-            textShadow: '0 0 5px #0ea5e9, 0 0 10px #0ea5e9, 0 0 15px #0ea5e9, 0 0 20px #0ea5e9, 0 0 25px #0ea5e9, 0 0 30px #0ea5e9',
+            textShadow:
+              '0 0 5px #0ea5e9, 0 0 10px #0ea5e9, 0 0 15px #0ea5e9, 0 0 20px #0ea5e9, 0 0 25px #0ea5e9, 0 0 30px #0ea5e9',
           },
           '50%': {
-            textShadow: '0 0 10px #0ea5e9, 0 0 20px #0ea5e9, 0 0 30px #0ea5e9, 0 0 40px #0ea5e9, 0 0 50px #0ea5e9, 0 0 60px #0ea5e9',
+            textShadow:
+              '0 0 10px #0ea5e9, 0 0 20px #0ea5e9, 0 0 30px #0ea5e9, 0 0 40px #0ea5e9, 0 0 50px #0ea5e9, 0 0 60px #0ea5e9',
           },
         },
         epicTextReveal: {
@@ -145,32 +147,31 @@ module.exports = {
         },
       },
       spacing: {
-        'xs': '0.25rem',
-        'sm': '0.5rem',
-        'md': '1rem',
-        'lg': '1.5rem',
-        'xl': '2rem',
+        xs: '0.25rem',
+        sm: '0.5rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
         '2xl': '3rem',
         '3xl': '4rem',
         '4xl': '6rem',
       },
       borderRadius: {
-        'sm': '0.125rem',
-        'md': '0.375rem',
-        'lg': '0.5rem',
-        'xl': '0.75rem',
+        sm: '0.125rem',
+        md: '0.375rem',
+        lg: '0.5rem',
+        xl: '0.75rem',
         '2xl': '1rem',
         '3xl': '1.5rem',
       },
       boxShadow: {
-        'glow': '0 0 20px rgba(14, 165, 233, 0.5)',
-        'epic': '0 0 30px rgba(14, 165, 233, 0.8)',
+        glow: '0 0 20px rgba(14, 165, 233, 0.5)',
+        epic: '0 0 30px rgba(14, 165, 233, 0.8)',
       },
       zIndex: {
-        'epic': '9999',
+        epic: '9999',
       },
     },
   },
   plugins: [],
-}
-
+};