Update human.vue

[ThureinOo]

Added place holder for custom commands to be executed.

Description

Since it doesn't have implemented to insert custom commands to be executed, I made some changes to the UI and JS.

Type of change

• Breaking change (fix or feature that would cause existing functionality to not work as expected)

How Has This Been Tested?

I tested it locally.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works

[Copilot]

Pull Request Overview

This PR adds a placeholder UI implementation for custom commands functionality in the human.vue component. The changes introduce interactive elements that allow users to add, remove, and clear custom commands through the interface.

• Added methods for managing custom commands (add, remove, clear)
• Implemented UI components with input fields and buttons for command management
• Connected UI buttons to JavaScript methods using Vue event handlers

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The commands array is being manipulated but is not defined in the component's data. This will cause runtime errors unless commands is declared in the data() method.

[Copilot]

Missing input validation for the index parameter. The method should validate that the index is within bounds before calling splice.

Suggested change

	removeCommand(index){
	removeCommand(index){
	if (
	typeof index !== "number" ||
	!Number.isInteger(index) ||
	index < 0 ||
	index >= this.commands.length
	) {
	return;
	}

[Copilot]

[nitpick] Missing space after comma in function arguments. Should be splice(index, 1) for consistent formatting.

Suggested change

	this.commands.splice(index,1);
	this.commands.splice(index, 1);