Clickable Food Entries in Nutrition Tracker

[berkgoktash]

PR: Clickable Food Entries in Nutrition Tracker

Overview

Food entries in the nutrition tracker are now clickable, opening the FoodDetail modal to show complete food information including nutrition score, macros, micronutrients, dietary tags, and allergens.

Changes

Modified Files

File	Changes
frontend/src/components/NutritionTracking.tsx	Added click handler, FoodDetail import, and modal state

Implementation

• Added viewingFood and showFoodDetail state variables
• Added handleViewFoodDetail() function that fetches full food data via search API
• Made food entry divs clickable with hover effects and keyboard accessibility
• Integrated FoodDetail modal component

How to Test

1. Navigate to Nutrition Tracking page
2. Log some foods or view existing entries
3. Click on any food entry
4. FoodDetail modal opens showing full food information including nutrition score

closes #864