fix: redesing and add features

src/constants/ui.js

@@ -0,0 +1,23 @@
+export const POKEDEX_COLORS = {
+    CHASSIS_MAIN: '#dc0a2d',
+    CHASSIS_DARK: '#89061c',
+    SCREEN_BG: '#18181b',
+    SCREEN_BEZEL: '#e4e4e7', // zinc-200
+    SCREEN_BORDER: '#89061c',
+    HINT_GREEN: '#22c55e',
+    HINT_RED: '#ef4444',
+    TEXT_MUTE: '#a1a1aa' // zinc-400
+}
+
+export const DIMENSIONS = {
+    WIDTH: '1200px',
+    HEIGHT: '900px',
+    SCREEN_ASPECT_RATIO: '3/4',
+    INFO_ASPECT_RATIO: '5/2'
+}
+
+export const MAX_SEARCH_LENGTH = 4
+
+export const SIDE_MENU_ITEMS = ['POKEDEX', 'FAVORITES', 'SETTINGS', 'MAP', 'BAG']
+
+export const KEYPAD_KEYS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]