In the following example the file is \app\users[id]\page.jsx and the code in this file is:

"use client";

const UserPage = ({ params, searchParams }) => {
    console.log(params);
    console.log(searchParams);


    return (
        <div>
            Params =  {params.id}
            <br />
            searchParams = {searchParams.name}
        </div>
    );
};
export default UserPage;

When I visit the route /users/user1?name=John

The in the browser appears :
Params = user1
searchParams = John

and the result of the logs:
{ id: 'user1' }
{ name: 'John' }
appears both in the terminal and in the console of my browser.

Why this is happening? I write in the first line "use client"; and I didn't expected for the logs to appear in my terminal but only in the client.
Does this mean that in client components the template of the page is rendered on the server and then I can use all the features of client components?

Note: If I don't write "use client"; in the top of the file, the logs doesn't appear in the browser console (as I expected)

Edit: when I navigate in this route ( /users/user1?name=John), through the app via a next/link the logs appear only in my browser console and in the terminal, but when I paste the url in the browser adress and hit enter the logs appear in both browser console and terminal (why??)