fix #7217: position of refresh button

[Pravesh-Sudha]

What Changes You do and Why?

I changed the RefreshButton.vue file, added a refreshbutton class and gave a margin of 10px so that it looks good.

Earlier the buttons look like this:

After modification, it looks something like this:

I think we should have some gap between the buttons because the screenshot shared by @Nico-Kestra was of the table with search filter but in trigger table, we have separate columns, so it would look weird if we join the two buttons.

It closes #7217 issue

if you desire to change the gap between button, add the following in the style block of RefreshButton.vue file:

.refresh-button + .refresh-button {
    margin-left: 1px;  // Adjust the gap by changing this value.
    }

[MilosPaunovic]

This is not what we were trying to achieve here - #7217 (comment). We want to introduce KestraFilter search component onto that page.

[Pravesh-Sudha]

Okay, let me do that then :)