feat: add button-full-width class to Button component

[kamaljohnson]

Feature

Added class button-full-width which when set to true will set the button width to the element width that it is contained in, It is set to false as default.

How to use

<Button icon-right="chevron-down" :width-full="true">Button</Button>

In action

When used within other components

[NagariaHussain]

Suggested change

	<Button :button-full-width="true">Full Width Button</Button>
	<Button :full-width="true">Full Width Button</Button>

Button is redundant anyways, the readability remains same.

[kamaljohnson]

Yeah I was going to do the same, but the naming which was used in the Dropdown component for this class is this

frappe-ui/src/components/Dropdown.vue

Lines 85 to 88 in b1dc1ff

	dropdownWidthFull: {
	type: Boolean,
	default: false,
	},

I named the class in the same way to maintain consistency throughout.

I too think we should just use full-width instead.

[kamaljohnson]

I have refactored the class tag from button-full-width -> width-full