Update again domestic address javascript component #72 #75 [TGER-140]

[devjk1]

• moved script logic into separate script from async google api script
• separated component into 2 parts for reusability
• added frontend focus effects

to use

<div class="flex justify-center">
    <div class="w-1/2">
        @include ('addresses::domestic-address-search-bar-javascript')
        <form 
            method="POST"
            action="{{ route('submit-form') }}" 
        >
            @csrf
            @include ('addresses::domestic-address-search-bar-fields-javascript')
            <button type="submit">Submit</button>
        </form>
    </div>
</div>

The biggest problem is that, like the Livewire component, Google returns partial addresses. After researching, many users are having this problem without a fix. Even though they claim when types=address, "Generally, you use this request when you know the user will be looking for a fully specified address."

We should validate on the frontend, that query starts with a number, like I did with the Livewire version.