chore: added vscode snippets for defining react classes

apps/staking/.vscode/snippets.code-snippets

@@ -0,0 +1,20 @@
+{
+  // Place your session-website workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+  // Placeholders with the same ids are connected.
+  "cn Class Definition": {
+    "scope": "typescriptreact",
+    "prefix": ["cl", "class"],
+    "body": ["className={cn('$0')}"],
+    "description": "Define classes using cn package",
+  },
+  "cn to existing Class Definition": {
+    "scope": "typescriptreact",
+    "prefix": ["cn"],
+    "body": ["cn($0'')"],
+    "description": "Define classes using cn package when className is already defined",
+  },
+}