Fix #20268 Vendor dispense change fixes (#20277)

* Dispensing credits from a vendor without ID

* fixing spacing

* dispensing cash when destroyed

* Update tgui/packages/tgui/interfaces/Vending.js

Co-authored-by: Ryan <80364400+Sirryan2002@users.noreply.github.com>

* Moving to obj break

* Update code/game/machinery/vendors/vending.dm

Co-authored-by: Ryan <80364400+Sirryan2002@users.noreply.github.com>

* useless blank line

---------

Co-authored-by: Ryan <80364400+Sirryan2002@users.noreply.github.com>

code/game/machinery/vendors/vending.dm

@@ -748,6 +748,10 @@
 	set_light(0)
 	update_icon(UPDATE_OVERLAYS)
 
+	if(cash_transaction)
+		new /obj/item/stack/spacecash(get_turf(src), cash_transaction)
+		cash_transaction = 0
+
 	var/dump_amount = 0
 	var/found_anything = TRUE
 	while(found_anything)

tgui/packages/tgui/interfaces/Vending.js

@@ -106,6 +106,9 @@ export const Vending = (props, context) => {
                 <br />
                 Your balance is <b>{usermoney} credits</b>.
                 <br />
+              </Box>
+            ))}
+            <Box>
                 There is <b>{inserted_cash} credits </b> of space cash inserted.
                 <br />
                 <Button
@@ -116,7 +119,6 @@ export const Vending = (props, context) => {
                   onClick={() => act('change')}
                 />
               </Box>
-            ))}
           </Section>
         )}
         {!!inserted_item_name && (