Fixed the build error by replacing the non-existent RadioOff icon with CircleOff from lucide-react. The autoplay toggle button now displays a filled radio circle when enabled and a circle-off icon when disabled.

I can see the error - getGreeting is not defined. This function is being used in the HomePage but it's not defined. Let me fix this:

Let me search for the getGreeting function and add it to the file:

The function exists in the file. Let me find where it's defined:

I see - getGreeting is defined at line 257 but it's inside a function component, so it's only accessible inside that component scope. The issue is that it's being called at line 298 in the HomePage function, but it's defined at line 257 which is likely in a different scope. Let me read the relevant sections:

I see the issue. The getGreeting function is defined inside a different component (likely GreetingSection). I need to move it to be a standalone function before the HomePage component so it can be used there. Let me check the full structure and fix it:

Now I see the issue. The getGreeting function is inside the Greeting component, but I'm calling it directly in the HomePage component. I need to either:

1. Extract getGreeting as a standalone function, or
2. Use the Greeting component instead

Let me fix this by moving getGreeting outside and using the Greeting component:

Fixed the error by replacing the direct getGreeting() function call with the existing Greeting component that already has all the logic to display a time-based greeting with the user's email. The Greeting component properly handles hydration and displays the appropriate greeting based on the time of day.