Add Clickable Functionality to Content Scripts in Recommended Section

## Description:
The recommended section currently does not support clickable functionality for the content scripts. We need to update this section so that users can interact with the content scripts by clicking on them.

## Requirements:
- Ensure that the elements within the recommended section are clickable.
- Implement click event handlers for these elements to perform relevant actions (e.g., open product details, navigate to a different page).
- Maintain visual feedback to indicate that the elements are interactive (e.g., change cursor to pointer on hover).
- Test the clickable functionality to ensure it works correctly across different devices and screen sizes.

## Acceptance Criteria:
- All elements in the recommended section are clickable.
- Clicking on these elements performs the intended action (e.g., navigates to product details).
- Visual feedback is provided to users indicating that the elements are clickable.
- The functionality is tested and confirmed to work on various devices and screen sizes.

Look for the recommended section in the content scripts of the browser extension. Identify the HTML elements that need to be made clickable. Add click event listeners to these elements to handle navigation or actions. Ensure CSS provides visual feedback like cursor: pointer. Test by running the extension in a browser and verifying clicks work.

由索引模型根據 Issue 內容生成。