add link to create new variant if none

[zachariah-at-msupply]

Fixes Part 1 of #5554

👩🏻‍💻 What does this PR do?

Adds a create new variant link on the catalogue>item>variants tab, if there are no variants present.

💌 Any notes for the reviewer?

The capitalisation seems a bit dodgy. It seems all the 'create a new one' links will be similar. Using a function called toLocaleLowerCase() in the NothingHere.tsx file can solve this - should I create an issue to do that?

🧪 Testing

• log in to your open mSupply central server
• go to cataogue>item page and then click on an item that has no variants to see its detail view
• go to the variants tab
• see if the link that says 'create a new one' functions the same as the 'add variant' button on the top right of the variants tab page.

📃 Documentation

• Part of an epic: documentation will be completed for the feature as a whole
• No documentation required: no user facing changes or a bug fix which isn't a change in behaviour
• These areas should be updated or checked:
  1.
  2.

[github-actions]

Bundle size difference

Comparing this PR to main

Old size	New size	Diff
5.02 MB	5.02 MB	11 B (0.00%)

[mark-prins]

👍 Looks good thanks!
I have a requested change - it's a minor point but worth getting into the habit of which is why I mention it.

Re the question about capitalisation - the place that you would change it is in the translation, and not calling a lowercase function. but don't 😄 I think the caps is ok - if anything is needed, it would be a separator or some punctuation.. but it's fine as it. at least it's consistent!

[mark-prins]

🚢 Ship it! (thanks!)