How do I modify route values to change the url string in the browser

Question

I created two areas (with controllers, views, registration, etc) with VS's scaffolding process. One for homecontroller and one called account.

I added a single line "route.DataTokens" to the routeconfig.cs file to connect to the homecontroller on startup.

var route = routes.MapRoute(
    name: "Default",
    url: "{controller}/{action}/{id}",
    defaults: new {controller = "Home", action = "Index", id = UrlParameter.Optional }
);
route.DataTokens["area"] = "Home";

Here is my HomeAreaRegistration.cs RegistrationArea method

public override void RegisterArea(AreaRegistrationContext context) 
{
    context.MapRoute(
        "Home_default",
        "Home/{controller}/{action}/{id}",
        new { action = "Index", id = UrlParameter.Optional }
    );
}

But in the url of the browser I see

https://localhost:44301/Home/Home/Index

What I want to see is

https://localhost:44301/Home/Index

What do I modify to get this?

Edit - Solved! I think. Here is what I did. In HomeArearegistration.cs I removed the Home/

public override void RegisterArea(AreaRegistrationContext context) 
{
    context.MapRoute(
        "Home_default",
        "{controller}/{action}/{id}",
        new { action = "Index", id = UrlParameter.Optional }
    );
}

Is this the proper way to go about doing this because something doesn't seem right here, if I type

https://localhost:44301/Home/Index.cshtml

which I would expect to take me to the home page, I get a HTTP 404 error not found but if I type

https://localhost:44301/Home/Index

It take me to the home page