feat!(wakatime): add wakatime metrics workflow and corresponded readme section

.github/workflows/waka-readme.yml

@@ -0,0 +1,24 @@
+name: Update weekly wakatime metrics to README section
+
+on:
+  workflow_dispatch: # for manual workflow trigger
+  push: # instant trigger after push to see effect
+  schedule:
+    - cron: "0 0 * * *" # runs at every 12AM UTC
+
+jobs:
+  update-readme:
+    name: WakaReadme DevMetrics
+    runs-on: ubuntu-latest
+    steps:
+      - uses: athul/waka-readme@master
+        with:
+          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
+          SHOW_TITLE: true
+          BLOCKS: ░▒▓█
+          TIME_RANGE: all_time
+          SHOW_TIME: true
+          # following flags are required, only if this is not on
+          # profile readme, remove the leading `#` to use them
+          #GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          #REPOSITORY: <gh_username/gh_username>

README.md

@@ -1,6 +1,3 @@
-<!--START_SECTION:waka-->
-<!--END_SECTION:waka-->
-
 <!-- header sine wave svg with name centered starts-->
 <img width=100% src="https://cdn.jsdelivr.net/gh/andatoshiki/andatoshiki@master/assets/header-pink.svg" alt="header banner" />
 <!-- header sine wave ends -->
@@ -21,6 +18,11 @@ dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
     <img src="https://cdn.jsdelivr.net/gh/andatoshiki/toshiki-github-stats@master/generated/languages.svg" alt="andatoshiki's dynamic github language stats"></img>
 </p>
 
+## Development metrics
+
+<!--START_SECTION:waka-->
+<!--END_SECTION:waka-->
+
 <!--
 andatoshiki/andatoshiki is a ✨ special ✨ repository because its `README.md` (this file) appears on your GitHub profile.
 You can click the Preview link to take a look at your changes.